vue-cli

 > 新建一个存放项目的文件夹

 > 文件夹内右键点击 Git Bash here 

 > node -v 检查node 的版本号

 > npm -v 检查 npm 的版本号

 > npm install -g cnpm --registy=https://registy.run.taobao.org 安装淘宝镜像  因为国内服务器比较慢 

 > cnpm install -g vue-cli 全局安装vue-cli 脚手架

    (cnpm install -g vue-cli 全局安装3.0以下的脚手架版本 cnpm install -g vue-cli@2.xxx 全局安装指定版本；cnpm install -g @vue/cli 全局安装3.0以上的脚手架版本，cnpm install -g @vue/cli@3.xxx 全局安装指定版本)

> vue -V 安装后检测脚手架版本  “V” 要大写 

> vue init webpack vue-example 新建vue项目 “vue-example”是项目名，（vue-cli3 以上 新建项目 vue create vue-example）会出现很多问题 （如下图），默认回车就行，这个过程需要一两分钟，请耐心等待，否则安装不成功

  

 

 

 > 出现下图 便是安装成功，

  

> 这时可以看到新建的文件夹内多出了一个项目 ，第二张图是项目的目录结构

      

 > cd vue-310example 进入项目目录

 > git init 加入github 代码管理

 > git add . 上传全部文件

 > touch README.md & git add README.md 创建readme.md 描述文件(不需要描述文件也可以忽略)

 > git commit -m "this is the project for march 10th"  （引到的内容则是描述内容）

 > git remote add origin "xxxxxxxxxxxxxxxxx" 添加自己的git 仓库地址

 > git push -u origin master 上传本地仓库 此操作会拉起登录 （下图就是登录添加成功的表现）

   

 

> 检查自己git 是否存在

 

 > npm run dev 启动项目（vue-cli3 以上是 npm run serve）请耐心等待启动

  

 > 出现上图就说明启动成功，打开浏览器输入 http://localhost:8080 即可进入项目页面