根据vue的脚手架 简单的搭建一个单页面
1.首先需要安装npm
node.js 自带，所以去安装node.js 就可以了。 node中文网址 这里是网址 或者自行百度，网上很好找。另外还需要手动安装git，这个电脑里应该都有，没有就自行下载一个吧。
2.最好对ES6的语法有初步的了解，官网上给的脚手架都是单页面应用。具体如果不太懂可以访问vue 官网进行学习。
3.由于 npm 在国内较慢，在没有VPN 的情况下，使用淘宝的镜像，然后咱们自带的npm就变成cnmp 来进行使用。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
全局执行这句话就OK了 ，-g是代表全局的意思。 如果是mac电脑 前面一定要加上sudo 因为有权限问题。 安装好可以使用 cnpm -v 来查看这条命令的版本号。
4.下一步，我们要安装vue
命令是
cnpm install -g vue-cli,
如果报错记得在前面加上 sudo 试试， 测试一下，我们输入vue ，这时候vue 会变成一个命令。证明我们就可以在全局使用vue 了
5.接下来，我们就可以使用webpack 工具来打包我们的项目
vue init webpack my-project
初始化我们的一个项目 第二个参数为我们项目的名称。 这里有一点注意，在你想初始化的地方，初始化打包我们的项目，我喜欢在桌面就是Users/***/Desktop/ 来执行编译我的文件方便查找，要不你编译之后找不文件就很尴尬了。
6.接下来 项目会询问 Project name 直接回车就好了,或者你喜欢就自己取名字
Project description 项目描述，不写就回车随意吧。 Author 作者是谁
User ESLint to lint your code 是否使用语法工具检查你的代码 不喜欢就no 可以一路n 下去
7.在 这个文件夹下有配置文件，packages.json （这步可以不执行：感兴趣可以去看一眼，可以vim 进入到里面去查看一下，里面可以看到一些包管理工具的一些加载和依赖。 q 出来 之后，）
cnpm install
开始配置安装这些依赖；
8.如果我们想跑一下我们的这个项目，直接打开是不行的，它本身基于node.js开启了一个服务器，端口号，如果你们没有改变的话就是8080；
npm run dev
如果配置正确没问题的话我们就跑起来了， 这个dev 实际上也是在packages.json 里面 实际上就是 "node build /dev-server.js"这个文件。
————————剩下的问题是为了解决码代码时更舒服的问题------------------
mac有这样的问题 由于我们安装在sudo权限上，so 我们需要更改权限。
sudo chmod -R 777
这条命令对文件夹写入权限，执行代码之后，就不会有文件上锁的情况了。（PS 在sublime还好，你点一个文件让你解锁一次，但是在webstorm里面就废了，根本就是锁死的。。。）
还有一个问题就是在webstorm中 .vue 的文件是不支持CSS 写入的，就是没有提示。。。import 也是在JS各种飘红。。
找到view 里面的toolbar 勾选 ，出现工具栏之后然后点击扳手图标,
下面俩个网址是操作参考，安装vue.js.
http://blog.csdn.net/xskuang/article/details/53876740
http://www.jianshu.com/p/142dae4f8b51
用这里方法我装了vue.js 模板语法就莫名其妙支持了，没搞明白，反正支持就好，（vue-for-idea 这个插件在包管理器里应该是被下了。。）
12.再一个就是es6语法报错的问题，大家在设置中找javascript 在framework里将其设定为ECMAScript6.0即可