一、环境搭建
1.1、去官网安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html )
注意node的版本，只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错。推荐最新版本.
下载安装包之后直接点击安装即可。测试安装成功的界面如下：
1.2、利用npm安装webpack命令行语句为npm install webpack -g。测试安装成功的界面如下：
1.3、下面就是安装淘宝镜像，如下图：
1.4、接下来就是全局安装vue-cli。需要注意的是使用npm安装vue-cli的时候时间很久，可能会超过两个小时
安装语句为：npminstall--globalvue-cli
1.5、创建一个基于webpack模板的新项目
命令行语句为vue init webpack my-project(其中my-project为文件名称,并且文件名只能是小写字母)。在创建模板新项目的时候需要进入到指定的文件夹下面去。
在cmd里输入vue init webpack my-project (项目文件夹名)，回车后，等待一小会儿，依次出现‘git'下的项，可按下图操作
命令执行完成后可以看到在my-project的文件夹下面多了如下的内容：
在创建新项目时,如果报以下错误,则说明node版本过低，不支持和谐模式（大概就是说支持es6,f否则不支持，具体还需大神指教），应换成高版本的node。错误如下图所示：
5.安装依赖
在cmd里 1).输入：cd my-project（项目名），回车，进入到具体项目文件夹
2).输入：cnpm install，回车，等待一小会儿
该命令执行后可能会出现以下错误,解决方案如下图:
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
基于脚手架创建的默认项目结构如下图所示：
6.webstorm安装，项目的引入
去官网下载webstrom安装包进行安装。