1. 下载node.js并安装,其中包含了npm
    参照:https://www.cnblogs.com/aizai846/p/11441693.html
    Webstorm启动一个vue项目

  2. 在webstorm中配置,scripts中没有dev就选择server
    Webstorm启动一个vue项目

没有dev是因为vue的配置中未设置,只有server,build,lint
Webstorm启动一个vue项目

  1. 在cmd命令行安装cnpm命令:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    在cmd中执行cnpm命令会提示不是内部或外部命令,需要修改环境变量:
    Webstorm启动一个vue项目

如果还提醒该错误,把命令行界面重新打开即可!
4. 在webstorm中启动vue
Webstorm启动一个vue项目

  1. 由4可以看出后台域名需要调整为devmrp.jd.com:8080,因此需要把该域名的ip指向本机,修改hosts
    Webstorm启动一个vue项目

为了让后端项目可以起多个tomcat,可以在tomcat里边配置一下
Webstorm启动一个vue项目
Webstorm启动一个vue项目

  1. 从页面显示的域名跟踪可以发现,vue设定的url配置在
    页面位置可以通过component组件路由指向
    Webstorm启动一个vue项目
    Webstorm启动一个vue项目

  2. 启动后查看控制台出现如下信息,点击直接访问即可
    Webstorm启动一个vue项目

相关文章: