一直next,根据自己电脑系统，选择安装64位的系统还是32位的，选中js,css,html àjetbrainsà然后就是install安装
在webstorm中file下选择open （选择你的项目文件夹）
看着很简单，我怕过几天我操作出错。
7.测试环境是否搭建成功
方法1：在cmd里输入：cnpm rundev
（显然每次修改代码，每次去cmd输入命令是个很繁琐的过程，所以在webstorm中调出npm菜单。
在package.json文件上点击右键—〉点击show npm scripts 即可调出菜单，以后运行只需在npm菜单里双击dev.
注意在命令行运行项目和dev运行项目不可一起进行，进行一个时需将另一个关闭，否则会报端口已被占用的错误。
）
方法2：在浏览里输入：localhost:8080(默认端口为8080)
如果输入运行命令后，报错。则有两种情况，如下图所示：
第一种情况：端口占用问题
则解决方案为：
方案1：在进程中关闭该端口。
a.打开cmd,输入命令netstat –ano 会出现所有的端口号，
b.local address下面是端口号，PID是占用端口号的某程序的进程号（记住进程号）
c.打开任务管理器（ctrl + alt +delete） ,点击进程, 然后点击查看,选择“选择列”,点击确定后就会找出占用了端口进程程序
d.找出记住的进程号，关闭
方案2：在config/index.js文件中，修改端口号。Port：新端口号。
第二种：npm版本过低，需要升级：
解决方案：
a.输入命令：npm install -g npm
b.复制C:\Users\{你的Windows用户名}\AppData\Roaming\npm\node_modules\npm下的文件到你的 NodeJS安装目录下的 \node_modules\npm 中，覆盖掉原有的全部文件
（或者用比较苯的方法，重新走一遍之前的步骤）
运行起来后的效果如下图所示：
二、应个人需求会存在的改变
1、vue.js更改默认端口号8080为指定端口：
执行npm run dev实际是在调用根目录下的package.json
打开package.json后可发现有这样一段代码
"scripts":{
"dev":"nodebuild/dev-server.js",
"build":"nodebuild/build.js",
"lint":"eslint--ext.js,.vuesrc"
}
由此可知，我们应该查看build目录下的dev-server.js文件
在dev-server.js文件中可找到
varuri='http://localhost:'+port