使用vue-cli快速搭建项目

最新在学习vue，自己总结一下使用vue的脚手架搭建前端工程的步骤

安装完成后使用管理员权限打开cmd

使用 node -v 和 npm -v 验证是否安装成果

npm config set prefix  "D:\Program Files\nodejs\node_global"
npm config set cache  "D:\Program Files\nodejs\node_cache"

不修改依赖默认安装在 C:\Users\电脑用户名\AppData\Roaming\npm-cache 和 npm中

npm install npm –g

npm install -g cnpm --registry=https://registry.npm.taobao.org

可用 npm config list 查看配置列表

npm config set registry https://registry.npm.taobao.org

npm install -g express

npm install -g webpack

npm install -g vue-cli

安装完之后使用 vue -V 验证是否安装成果注意！是大写的V

如果提示命令不是内部命令，需要配置一下环境变量，如果按照上面步骤修改了本地仓库，则将 node_global 目录配置到环境变量，如下图

如果本地仓库未作修改，则将 C:\Users\电脑用户名\AppData\Roaming\npm（AppData是隐藏目录，找到自己电脑的npm目录）配置到环境变量

由于第一次创建项目需要下载模板，不是使用淘宝的镜像，我们在创建前执行下面命令

cnpm install --save-dev webpack

然后使用下面命令创建项目

vue init webpack 项目名

Project name (baoge)： -----项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters），阮一峰老师博客为什么文件名要小写，可以参考一下。
Project description (A Vue.js project)： ----项目描述，也可直接点击回车，使用默认名字
Author ()： ----作者，输入你的大名
接下来会让用户选择：
Runtime + Compiler: recommended for most users 运行加编译，既然已经说了推荐，就选它了
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时，已经有推荐了就选择第一个了
Install vue-router? (Y/n) 是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。
接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，直接y回车
Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试，我选择安装y回车
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试，我选择安装y回车