IDEA启动VUE前端项目

一 下载安装配置

https://nodejs.org/en/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zspYeKNP-1627008244198)(C:\Users\sgw\AppData\Roaming\Typora\typora-user-images\image-20210723100203402.png)]

安装后查看是否安装成功
在这里插入图片描述
在安装目录新建这俩文件夹,存放缓存和全局文件
在这里插入图片描述

执行如下两个命令让上边的文件夹生效:

npm config set prefix "D:\nodeJs\node_global"

npm config set cache "D:\nodeJs\node_cache"

配置环境变量

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AlL3xUOv-1627008244202)(C:\Users\sgw\AppData\Roaming\Typora\typora-user-images\image-20210723102155392.png)]
在这里插入图片描述

一定要记得删除:C:\Users\sgw目录下的.npmrc文件

在这里插入图片描述

然后执行:npm install express -g

在这里插入图片描述

二 idea配置npm

在这里插入图片描述
重启IDEA后,执行npm install

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xVZSQTbH-1627008244207)(C:\Users\sgw\AppData\Roaming\Typora\typora-user-images\image-20210723102856421.png)]
在执行npm run serve启动即可
在这里插入图片描述
然后访问上边的地址就是项目首页;

如果需要打包,执行命令:

npm run build

猜你喜欢

转载自blog.csdn.net/qq_33417321/article/details/119026234