环境搭建

安装node.js

进入网址www.runoob.com/nodejs/node…页面，按照教程安装。 安装完成后测试是否安装成功。如下图所示：

利用npm安装webpack

命令行语句为：

npm install webpack -g

安装淘宝镜像cnpm

命令行语句如下：

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

全局安装vue-cli

命令行语句如下：

npm install --global vue-cli

创建一个基于webpack模板的新项目

命令行语句如下：

vue init webpack xxx-project

如下图操作所示：

安装依赖

在cmd里 1).输入：cd my-project（项目名），回车，进入到具体项目文件夹

2).输入：cnpm install，回车，等待一小会儿

安装webstorm，引入项目

去官网下载webstrom安装包进行安装。

安装完成后打开webstorm，并在webstorm中file下选择open （选择你的项目文件夹）。

启动项目

• 通过命令行启动cnpm run dev

• 在webstorm中启动

在package.json文件上点击右键—〉点击show npm scripts 即可调出菜单，以后运行只需在npm菜单里双击dev。