[npm和node是双胞胎，一起安装的，安装教程,点击跳转]
1、安装vue-cli 全局
npm install vue-cli -g
这里有个问题，在安装之后出现：vue: command not found
那么就用：sudo npm install -g vue-cli
来安装
在安装过程中。出现：长时间停留在fetchMetadata: sill mapToRegistry
解决办法
更换成淘宝的源
npm config set registry https://registry.npm.taobao.org
– 配置后可通过下面方式来验证是否成功
npm config get registry
– 或npm info express
成功后可以查看可以用的模板
vue list
2、cd 到你自己的项目目录
3、使用vue-cli初始化项目：
vue init webpack-simple 你的工程名字
初始化中遇到：
Project name (vue-test)直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字
Use sass 使用sass(CSS扩展语言)
//上面是用的简易版，我之前就是用的简易版，然后就出现好多问题，需要加各种依赖和配置
//后来为了方便，我直接不新建简易版了
vue init webpack 你的工程名字
命令输入后，会进入安装阶段，需要用户输入一些信息
Project name (vuetest) 项目名例子 cue-test-project （注意这里的名字不能有大写字母，推荐用-隔开，如果有会报错Sorry, name can no longer contain capital letters），阮一峰老师博客[为什么文件名要小写](http://www.ruanyifeng.com/blog/2017/02/filename-should-be-lowercase.html)
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，[vue-router官网](http://router.vuejs.org/zh-cn/) 。这里就输入“y”后回车即可。
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行，这也是为了多人协作，新手就不用了，一般项目中都会使用。[ESLint官网](http://eslint.org/)
Standard (https://github.com/feross/standard) 标准(https://github.com/feross/standard)github地址看一下，js的标准风格
AirBNB (https://github.com/airbnb/javascript) JavaScript最合理的方法，这个github地址说的是JavaScript最合理的方法
none (configure it yourself) 自己定义风格
Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试
4、cd 命令进入创建的工程目录
5、安装项目依赖
npm install
最好使用--save，自动配置package.json
npm install express-session --save
6、运行项目
npm run dev
这里可能会出现很多问题：
大多数问题都是依赖文件没有添加或者更新的问题
按照提示，一个一个改就好
PS:
1:更新vue-cli
npm install -g vue-cli
或者需要权限
sudo npm install -g vue-cli
网友评论