> 新建一个存放项目的文件夹
> 文件夹内右键点击 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 即可进入项目页面
原文:https://www.cnblogs.com/youhe/p/yeyo_vue-cli.html