如何用码云创建一个vue项目

码云是一个基于Git的代码托管平台，相比github，它可以免费创建私有项目，而且链接码云比github网速更快，很适合中国的程序员使用。它的的操作界面是中文的，创建一个项目非常简单。

1. 安装node,打开官网，选择对应系统下载安装即可，安装完成后打开终端，输入node -v按回车，底下出现相应版本号就代表安装成功。

myPro:Desktop vincy$ node -v
v10.16.3

2. 接着在底下输入npm-v，出现版本号的话说明npm安装成功（npm是node的一个包管理工具，安装node的时候会自动帮你安装）

myPro:Desktop vincy$ npm -v
6.9.0

3. 进入码云主页，点击右上角加号，点击“新建仓库”
   

4. 输入项目名称，介绍…选择私有还是公有，然后点击创建。
   

5. 这个时候我们在码云这个网站上就有了一个存储代码的仓库，接下来我们就希望本地的代码和这个线上的代码仓库通过git做上关联，这样的话本地写的代码线上也会进行保存，而且线上会记录我们本地对代码的每一步操作，如果想让线上线下进行关联，我们需要在本地安装好git，下一步会详细介绍。
   
   打开Git官网，选择相应操作系统版本的git下载安装即可，安装完成后，打开命令行输入git --version按下回车，出现相应版本号就说明安装成功了。

myPro:Desktop vincy$ git --version
git version 2.17.2 (Apple Git-113)

6. 安装完成之后回到码云的网站上，现在我们本地有了git，线上又有这么一个git的仓库(码云)，我们需要让它们进行关联，首先点开个人主页下面的设置,接着点击“SSH公钥”
   
   根据“怎样生成公钥”里的提示生成公钥。接下来来到代码仓库里，把线上仓库的代码，克隆到本地,命令行输入git clone+复制的SSH地址，按回车即可,这里我们下载到桌面

myPro:~ vincy$ cd Desktop
myPro:Desktop vincy$ git clone git@gitee.com:nan1028/test_2.git

这时可以看到桌面上多出了一个test_2文件夹，说明我们已经把线上的库复制到本地了。

7.最后一步，在刚才下载的文件夹里创建vue项目并同步到线上仓库

首先我们需要全局安装vue-cli，命令行输入cnpm install --global vue-cli (mac系统须在命令行前加sudo)

myPro:~ vincy$ sudo cnpm install --global vue-cli

创建一个基于webpack模板的新项目，命令行输入vue init webpack my-project

myPro:Desktop vincy$ vue init webpack test_2

这时会问我们test_2这个文件夹已经存在了，是否要继续往这个文件夹里添加，我们选继续

Target directory exists. Continue? Yes

接着会出现如下几个选项，依次选择即可

? Project name test_2
? Project description A Vue.js project
? Author nan
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recom
mended) npm

这时候打开桌面上的test_1文件夹，多出来很多文件夹，是因为脚手架工具会帮我们创建很多初始化文件，但是我们码云里的test_1文件夹里只有刚创建时的两个文件

这时我们打开命令行，进入到test_2目录下,运行

# 添加所有更改项或某个更改项至暂存区
git add .

# 将暂存区的文件提交到本地仓库
git commit -m ”第一次提交“

# 将当前分支代码提交到远程同名分支
git push

就可以将线下代码和线上仓库同步。