idea中vue项目配置和启动

idea中vue项目配置和启动

  • idea中file-Setings-Plugins下载vue.js(注:下载完后重新启动idea)

  • 前提是你环境都已经配置好。没有装过的转vue环境搭建https://blog.csdn.net/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
    idea中vue项目配置和启动_第1张图片

  • 添加启动项
    idea中vue项目配置和启动_第2张图片

  • 添加npm,图片右边这边配置就可以启动了
    idea中vue项目配置和启动_第3张图片

  • 如果启动后报一下错误的话,就去cmd中到达这个项目的目录输入命令:cnpm install
    idea中vue项目配置和启动_第4张图片

  • 以下就启动成功了,然后手动输入地址 http://localhost:8080/idea中vue项目配置和启动_第5张图片

  • 最后项目效果idea中vue项目配置和启动_第6张图片

你可能感兴趣的:(idea中vue项目配置和启动)