idea中vue项目配置和启动

idea中vue项目配置和启动

• idea中file-Setings-Plugins下载vue.js（注：下载完后重新启动idea）

• 前提是你环境都已经配置好。没有装过的转vue环境搭建https://blog.youkuaiyun.com/qq_24349695/article/details/90514900

• 首先安装node.js，官网地址：https://nodejs.org/zh-cn/download/

• 使用npm淘宝镜像，避免npm下载速度过慢的问题 ：npm install -g cnpm --registry=https://registry.npm.taobao.org

• 使用cnpm 下载vue-cli cnpm install -g vue-cli
  

• 添加启动项
  

• 添加npm,图片右边这边配置就可以启动了
  

• 如果启动后报一下错误的话，就去cmd中到达这个项目的目录输入命令：cnpm install
  

• 以下就启动成功了，然后手动输入地址 http://localhost:8080/

• 最后项目效果