从零开始构建一个完整的Vue项目

如何利用码云来管理你的代码

码云是线上的代码托管平台，它能够让开发者更好的管理自己的代码，同时，也适用于多人协作开发，那么它有什么好处呢┗|｀O′|┛ 嗷~~
1.异地备份
git版本控制是分布式的，你可以不用把代码在公司电脑与家里电脑来回拷贝，只需要git push/pull一下就可以同步了。
2.回滚
做开发时，一不小心代码写崩了，自己也不知道哪里错了，编辑器也不能撤回了，想回退到之前能运行的版本，用git回滚
3.多人协作开发
你和同事几个人一起开发写一个项目，到时候都写完了要合并，每个人写的都不一样，咋办？用git每人搞一个branch,到时候汇总即可。
那么我们要怎么开始用码云这个代码托管工具呢
首先，打开码云的官网

https://gitee.com/

注册登录之后，点击新建一个Private（私有）项目

新建项目.png

点击新建后填入你的项目信息

项目信息.png
点击确定，一个简单的项目就完成了
项目.png

那么如何把这个项目放到本地呢，点击你项目中的克隆/下载按钮，不过在此之前还需要设置你的ssh公钥。（这个其实就是你的克隆时的密码了）
那么要如何配置你的公钥呢?步骤如下：
1.如果是第一次配置的话，可以点击右上角上加号下面的帮助，找到生成ssh公钥部分。按照它的步骤生成你的public key（前提是自己安装好git)

帮助.png 如何生成公钥.png
2. 添加公钥.png
添加好之后就可以克隆到本地了.
选择ssh复制链接.png
到这里码云上的一些设置都已经完成了，那么在本地电脑上要如何使用呢。

本地电脑上的clone和更新

打开电脑上的git，进入到你想要存放代码的文件盘,输入

git clone ssh链接

回车，然后就可以看到进行下载了

gitclone.png
下载完成.png

那么在本地就可以看到之前我们创建的项目了，大功告成

大功告成.png

vue项目的配置

那么下面就可以进行vue项目的配置了，要创建一个完整的vue项目，这里就用到了vue-cli框架，首先你的电脑要安装好node.js(要用到自带的npm),通过npm安装vue-cli框架

npm install --global vue-cli

安装好之后通过vue-cli安装vue项目就可以啦
步骤如下：打开git,进入到你克隆下来的项目地址

vue init webpack  project-name

选择你的项目的一些信息，根据自己的需求选择，网上也有很多这方面的资料，这里不一一解释。下载完成之后，可以通过

npm run dev

来运行项目，没有问题之后，就可以更新到你的线上代码仓库了。
更新方式如下

git add .
git commit -m "更新的信息"
git push

那么在码云上就可以看到

更新.png

那么以后你就可以随时的拉取你线上的代码和更新你线上的代码了。

创建新的分支

分支用于当你要开发一个新功能的时候可以用，也可以新建分支给别的同事人使用。

新建分支1.png
新建分支2.png

创建好之后，（我创建了一个叫swiper的分支）如何把线上的代码拉取到本地

git pull 
git checkout 'swiper'

就切换到swiper分支了check

切换分支.png

，切换分支之后，当你把这个功能完成了，你就可以把这个分支合并到主分支之上并提交到线上了，操作如下：

git add .
git commit -m 'msg'
git push 
git checkout master
git merge origin/swiper
git push