前提条件：

已下载安装好webstorm 、node.js、git

 

开始搭建vue项目：

 

1、安装淘宝镜像（类似于阿里云的maven*仓库镜像）

安装命令：

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

验证命令：cnpm -v

2、安装webpack

利用cnpm安装webpack 命令行语句为 cnpm install webpack -g  。时间略长。测试安装成功的界面如下：

【如果出现这种错误：rollbackFailedOptional verb npm-session （One CLI for webpack must be installed....）】：

点击解决

3、接下来就是全局安装vue-cli

安装语句为：cnpm install --global vue-cli

验证命令:vue -V (V要大写)

4、下面开始使用WebStorm

重要的一点，想用WebStorm创建项目得安装git。 安装很简单，官网找到下载安装即可，否则可能出现安装不了的情况

选择dev双击 即可进行测试。开启成功后会出现默认的端口，粘贴到浏览器中打开，出现下面页面就是成功啦。这样一个vue项目就创建成功了