VUE安装环境搭建完成，运行后能显示vue的欢迎页，就可以开始进行开发了。

不过呢，在此之前，最好先安装一下相关的依赖项。vue的开发，尤其是单页面应用，一般推荐用 vue + vuex + vue-router + vue-resource 来开发，vuex状态管理，vue-router路由管理，vue-resource是与后端数据交互的插件。这些都是需要安装滴。项目目录下，运行如下命令：

npm install vuex vue-resource --save

现在的vue版本，一般在项目初始化的时候，有选项可以直接安装vue-router的。如果没有安装，也安装一下好了。

VUE2.0以后，不建议vue-resource了，最好换 axios

npm install axios --save

npm install qs --save  （这个是用来转写axios提交参数的，否则参数提交为字符串的话，比较不习惯用）

babel，把ES2016转ES2015的东东，也要装：

npm install bable --save-dev

（只能这么写了，为了记录。否则过一段时间自己也记不得了。）

最近像上面那样写，装不上，报错了，查了一下，改为：

npm install --save-dev babel-loader babel-core babel-preset-env babel-plugin-transform-runtime babel-plugin-istanbul babel-polyfill babel-preset-stage-2 babel-register

正常！！=========================

另外，我还是比较习惯用bootstrap的，所以，运行：

npm install bootstrap --save

也是有必要的。这样，就可以在开发时引入bootstrap框架了。

嗯，我记得还有个 less ，也是很好用滴。（真的很啰嗦，但是没办法啊）

npm install less less-loader --save

表单检验组件：npm install vee-validate@next --save（^2.0.0-rc.25）

开发时，有时需要按需引入css，js，也要安装相应的依赖项：

npm install style-loader --save-dev

npm install css-loader --save-dev

npm install file-loader --save-dev

如果安装有问题，卸掉重装，命令：npm uninstall xxx

style-loader模块，似乎只能装到 ^0.18.2，高了会出问题

上面的装完了，就可以引入css文件了，比如在main.js里：

require('!style-loader!css-loader!less-loader!./assets/css/main.less')

import commonjs from './assets/js/common.js'  (引入JS 文件)

如果要让vue支持less，需要在build/webpack.base.conf.js 里，找到 module 下面的 rules，添加如下配置：

{
    test: /\.less$/,
    loader: 'style-loader!css-loader!less-loader'
}

OK！！！差不多了，一个APP里要用到的依赖项，基本装完了，可以开始开发了！！

最后，在没有后端数据和接口时，需要在前端模拟数据，可以用 express搭建静态服务，将mock数据写在json文件中：

1、创建mock文件夹；

2、在build/dev-server.js 中，添加如下代码：

 

补充：

各种安装的版本问题是很恶心的。最好的方法是找一个可行的package.json文件，然后直接拿过来替换，这样就有可行的版本对应，不会出现版本问题。然后删除node_modules，再运行cnpm install，这个命令会根据package.json中要求的插件版本进行安装。