一、前期准备一、前期准备首先得有一个码云账号,账号名最好是英文,用于线上仓库其次下载一个git到电脑,因为很多git命令,cmd命令行识别不了最好再有一个Iconfont账号,很多前端用到的图标就不用再自己画了,直接添加到项目下载下来就可以用了还需要用到的有node二、建立项目二、建立项目1、首先在码云上新建一个私有的项目(如果项目是共有的,那么所有人都能看见,一般设为私有,然后将项目组的人拉进来就可以了),使用READERME文件初始化这个项目,语言选择javascript,克隆到本地其中需要完成线上仓库与本地的连接2、接下来就可以在本地进行代码的编写了。3、需要用到图标时直接在iconfont中找到,加入购物车,添加进项目之后下载到本地,在组件中引用就行了。其中下载的文件只有部分是我们需要的,如下图所示:再将iconfont.css也复制进css文件夹即可别忘记还要修改iconfont.css的路径三、提交代码到码云三、提交代码到码云主要想记载一下本地代码的提交的一些命令要提交代码就得完成本地与线上仓库的连接,这里是通过公钥私钥来进行连接的1、生成公钥私钥在项目文件夹下执行git命令(引号中为注册码云的邮箱地址)`ssh-keygen -t rsa -C "xxxxx@xxxxx.com"`2、一路Enter下去,然后将生成的公钥填在码云(设置-ssh公钥)上接下来输入
cat ~/.ssh/id_rsa.pub
cat ~/.ssh/id_rsa.pub3、初始化git仓库在项目文件夹下执行git命令git initgit init4 、将项目文件添加到缓冲区中git add .git add .5 、将add的文件commit到仓库git commit -m 'project init'git commit -m 'project init'6、连接码云这一步有可能会报错,需要输入命令
git config --global user.name 用户名;
git config --global user.email 邮箱名;
git config --global user.name 用户名;git config --global user.email 邮箱名;7、上传代码到码云仓库git pushgit push四、远端有项目的情况和码云建立连接:四、远端有项目的情况和码云建立连接:1.在本地创建一个文件夹 或 命令 mkdir + 文件名2.命令cd + 文件目录 进到文件名下3.git clone + 码云仓库地址(码云上新建项目点进去克隆或复制的链接)五、一些git命令五、一些git命令查看所有分支 :git branch -a切换到某一分支:git checkout 分支名称合并分支:git merge 原分支 目标分支提交命令有两个,git push origin master(正常提交)和git push origin master -f(强制提交,强制提交可能会把之前的commit注释信息,不会改变修改的代码,慎用),都是提交到master分支查看远程分支 git branch -a或git 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 合并某分支到当前分支:git merge 恢复删除后未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补充知识:vue项目在码云预览步骤补充知识:补充知识:vue项目在码云预览步骤第一步:第一步:需要将vue项目进行打包,即npm run build,打包完将dist文件夹push到码云上,但是注意将文件上传到 GitHub的时候默认是忽略到dist文件夹的,所以需要修改.gitignore 中文件的内容。如截图所示:第二步:第二步:登录码云,找到要预览的代码仓库,操作如以下截图所示,获取部署后的网站地址,第三步的时候需要第三步:第三步:在vscode中,修改该项目下的config/index.js文件下的build部分的内容,如截图所示:修改完之后,重新执行npm run build命令,并且进行push第四步:第四步:在浏览器中输入第二步时获取到的网站地址,后面加上 /dist/index.html,即可进行网页的预览大功告成!以上这篇vue项目,代码提交至码云,iconfont的用法说明就是小编分享给大家的全部内容了,希望能给大家一个参考。