使用vue-cli+webpack搭建开发环境，并使用git管理项目

1、安装node.js

下载地址：
https://nodejs.org/en/download/

选择自己电脑对应的版本下载,一直next

安装完后，在控制台输入 node -v 命令，如果出现版本号就说明安装成功了。

2、使用git管理项目

2.1进入码云个人主页，创建私有项目。

选择项目语言为javascript，其他选项根据需求自己填写。

创建完成后，如下图

2.2将本地代码和git代码关联

下载git

https://git-scm.com/

安装git

安装步骤next就好了，如果习惯使用Linux，按照下面安装
使用vim编辑器

使用Openssl连接

使用MinTTY为默认终端

输入 git --version 验证是否安装成功

生成sshkey

 1.点击设置，进入页面后选择SSH公钥。

 2.在桌面右键单击，选择Git Bash Here 进入控制台执行以下命令，按照提示完成三次回车，即可生成 ssh key

   ssh-keygen -t rsa -C "xxxxx@xxxxx.com"   "xxxxx@xxxxx.com" 替换成你自己的邮箱

 3.使用cat ~/.ssh/id_rsa.pub 命令查看生成的ssh key

 4.将查看到的公钥复制到页面上的ssh配置里

这样就无需通过用户名密码来进行上传下载代码。

2.3使用git将项目下载到本地

 1.在项目的右上角，点击克隆/下载，选择ssh会生成ssh连接地址

 2.打开随便一个文件夹，右键打开Git Bash Here 执行克隆命令
	git clone '复制的ssh连接地址'

 3.下载到本地的文件

克隆代码的时候遇到一个坑，执行命令后代码老是下载不下来，提示Please make sure you have the correct access rights and the repository exists.

后来发现第一次使用git需要执行 ssh -T git@gitee.com 命令将主机添加到本机SSH可信列表，若返回 Hi XXX! You’ve successfully authenticated, but Gitee.com does not provide shell access. 内容，则证明添加成功.

3、搭建vue开发环境

3.1使用npm安装Vue

进入windows控制台，安装vue-cli

npm install --global vue-cli  

创建vue项目

vue init webpack my-project  项目的文件名

进入项目目录
cd my-project

运行项目
npm run dev

启动完毕后，在浏览器输入 http://localhost:8080 可以看到vue首页

3.2提交代码到git

进入项目文件，打开Git Bash Here 

git add . 				 将构建新增的文件上传到缓冲区

git commit -m '注释' 	   	提交代码

git push    			 推送到git