idea启动vue遇到问题

472 阅读1分钟

问题背景

通过idea启动vue前端项目

问题发现及其解决

在idea 启动vue项目

点击Treminal 输入命令安装依赖初始化

问题1:npm不是内部或外部命令

image.png

解决

安装nodejs 可以通过此文章 blog.csdn.net/qq_43557395…

安装nodejs以后 npm install

image.png

问题2:输入npm run serve 或者 npm run dev 后均出现 “missing script:***”

a67b48baf5f759fa6d8731405e2cf01.png 411d88786bd8534c32fb5f064364d92.png

解决

1.首先在idea安装Vue.js插件 526d1f121900c63a53197617eea2d0d.png 2.同时安装Node.js插件

image.png 3.在cmd中安装vue-cli

npm instal1 vue-cli -g
#测试是否安装成功#查看可以基于哪些模板创建vue应用程序,通常我们选择webpack
vue list

安装成功

image.png 4.回到idea 仍然出现上述问题 打开项目结构 找到package.json 文件,点开后找到serve 或者 dev 点击左边的三角形即可启动项目。

1661733069109.png 出现如图即可启动成功

1661733287090.png