Vue项目环境配置以及码云管理代码

1. 注册码云账号
2. 下载Node.js
   node -v
   nmp -v （node.js的包管理工具）
3. 下载Git
   git --version
4. 新建仓库存储代码

通过秘钥进行线上新下同步更新
生成秘钥教程（在Git Bash 中运行，其相当于小型Linux环境）

5. 线上项目下载克隆到本地
   SSH协议进行克隆，复制地址
   cd Desktop
   git clone SSH地址

6. 创建Vue项目
   webpack打包编译，通过Vue-cli搭建项目

#查看版本，不低于3.0版本
npm -v  

#升级或安装cnpm
（npm下载速度慢，使用淘宝的镜像及其命令 cnpm改善）
npm install cnpm -g
或者
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 最新稳定版
$ cnpm install vue

# 全局安装 vue-cli
$ cnpm install --global vue-cli

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project（项目名）

# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project（项目名）
? Project description A Vue.js project（项目描述）
? Author runoob <test@runoob.com>（作者）
? Vue build standalone（运行时和普通情况下编译）
? Use ESLint to lint your code? Yes（ESlint对代码工整度进行检查）
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes（单元测试）
? Setup e2e tests with Nightwatch? Yes（端到端测试）

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev
   
   Documentation can be found at https://vuejs-templates.github.io/webpack
   
   #显示页面，Vue环境配置好
   http://localhost:8080/

7. 保证本地项目与线上一致

cd 到项目

#本地仓库多出了很多文件需要添加到线上仓库
git status

#把所有文件添加到缓冲区
git add .

#提交缓存内容
git commit -m “project initialized”

#本地代码推到仓库
git push

---

从GitHub上下载vue开源项目并在自己的电脑上运行

1. 环境准备
   （1）安装nodejs，具体步骤不多说。
   在电脑上找到 运行－输入cmd - 输入node -v ，命令可以来查看电脑上是否已装 node , 该命令代表电脑上node的版本。
   （2）查看npm版本
   具体步骤同上，输入的命令为npm -v
   （3）通过npm命令安装 淘宝的镜像及其命令 cnpm , 因为国内npm 安装速度慢
   npm install -g cnpm --registry=https://registry.npm.taobao.org
   （4）查看cnpm版本
   cnpm -v
2. 从GitHub上下载项目，不用git的方式，如下图，点击Download ZIP , 记住自己下载的路径
3. 假如下载的项目名为vue-demo，在cmd命令行中通过cd命令进入到该文件夹，并执行以下命令
   
4. 没有问题的话，应该运行就成功了