Webstorm启动一个vue项目

1. 下载node.js并安装，其中包含了npm
   参照：https://www.cnblogs.com/aizai846/p/11441693.html
   

2. 在webstorm中配置，scripts中没有dev就选择server
   

没有dev是因为vue的配置中未设置，只有server,build,lint

3. 在cmd命令行安装cnpm命令：
   npm install -g cnpm --registry=https://registry.npm.taobao.org
   在cmd中执行cnpm命令会提示不是内部或外部命令，需要修改环境变量：
   

如果还提醒该错误，把命令行界面重新打开即可！
4. 在webstorm中启动vue
如果启动那无法点击，则按照如下步骤操作即可：
点击Add Configuration…
选择template>npm 即按照npm命令启动：
点击+号增加一个server选择run server启动，并找到package.json详细配置如下：配置完成后，即可启动了：

5. 由4可以看出后台域名需要调整为devmrp.jd.com:8080，因此需要把该域名的ip指向本机，修改hosts
   

为了让后端项目可以起多个tomcat，可以在tomcat里边配置一下

6. 从页面显示的域名跟踪可以发现，vue设定的url配置在
   页面位置可以通过component组件路由指向
   
   

7. 启动后查看控制台出现如下信息，点击直接访问即可