vue项目、代码提交至码云、iconfont的使用

一、前期准备

  • 首先得有一个码云账号,账号名最好是英文,用于线上仓库
  • 其次下载一个git到电脑,因为很多git命令,cmd命令行识别不了
  • 最好再有一个Iconfont账号,很多前端用到的图标就不用再自己画了,直接添加到项目下载下来就可以用了
  • 还需要用到的有node

二、建立项目

  • 1、首先在码云上新建一个私有的项目(如果项目是共有的,那么所有人都能看见,一般设为私有,然后将项目组的人拉进来就可以了),使用READERME文件初始化这个项目,语言选择javascript,克隆到本地
    其中需要完成线上仓库与本地的连接

  • 2、接下来就可以在本地进行代码的编写了。

  • 3、需要用到图标时直接在iconfont中找到,加入购物车,添加进项目之后下载到本地,在组件中引用就行了。其中下载的文件只有部分是我们需要的,如下图所示:

再将iconfont.css也复制进css文件夹即可

别忘记还要修改iconfont.css的路径

三、提交代码到码云

主要想记载一下本地代码的提交的一些命令
要提交代码就得完成本地与线上仓库的连接,这里是通过公钥私钥来进行连接的

  • 1、生成公钥私钥

在项目文件夹下执行git命令(引号中为注册码云的邮箱地址)

`ssh-keygen -t rsa -C "[email protected]"`
  • 2、一路Enter下去,然后将生成的公钥填在码云(设置-ssh公钥)上

    接下来输入

cat ~/.ssh/id_rsa.pub
  • 3、初始化git仓库

在项目文件夹下执行git命令

git init
  • 4 、将项目文件添加到缓冲区中
git add .
  • 5 、将add的文件commit到仓库
git commit -m 'project init'
  • 6、连接码云

这一步有可能会报错,需要输入命令

git config  --global user.name 用户名;
git config  --global user.email 邮箱名;
  • 7、上传代码到码云仓库
git push

四、远端有项目的情况和码云建立连接:

  • 1.在本地创建一个文件夹 或 命令 mkdir + 文件名
  • 2.命令cd + 文件目录 进到文件名下
  • 3.git clone + 码云仓库地址(码云上新建项目点进去克隆或复制的链接)

五、一些git命令

  • 查看所有分支 :git branch -a

  • 切换到某一分支:git checkout 分支名称

  • 合并分支:git merge 原分支 目标分支

  • 提交命令有两个,git push origin master(正常提交)和git push origin master -f(强制提交,强制提交可能会把之前的commit注释信息,不会改变修改的代码,慎用),都是提交到master分支

  • 查看远程分支 git branch -agit branch -r

  • 创建本地分支 git branch demo_fenzhi

  • 切换到本地分支 git checkout demo_fenzhi

  • 删除本地分支 git branch -d demo_fenzhi

  • 查看本地分支状态 git branch

  • 创建远程的分支,并且把本地分支推送到远程分支上 git push origin demo_fenzhi:demo_fenzhi 本地分支名称:远程分支名称

  • 删除远程分支 git push origin :demo_fenzhi
    git push origin --delete demo_fenzhi

  • 本地分支与远程分支比较 git diff demo_dev origin/demo_fenzhi
    //demo_dev为本地分支,demo_fenzhi为远程分支

  • 新分支并切换到分支 git checkout -b bende_fenzhi

  • 创建+切换分支:git checkout -b <name>

  • 合并某分支到当前分支:git merge <name>

  • 恢复删除后未git add的文件 git checkout -f或git clean -df

  • 可以把远程某各分支拉去到本地的branchname下,如果没有branchname,则会在本地新建branchname git fetch origin branchname:branchname

  • 获取远程分支remoteName到本地新分支localName,并跳到localName分支 git checkout origin/remoteName -b localName

猜你喜欢

转载自blog.csdn.net/weixin_43043994/article/details/82223655