Idea中运行Vue项目(idea如何运行vue项目)

发布时间：2024-01-14

Idea中运行Vue项目一、安装环境

推荐整理分享Idea中运行Vue项目(idea如何运行vue项目)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:idea中使用vue,idea怎么运行vue.js代码,idea怎么运行vue.js代码,idea如何运行vue项目,idea中运行vue项目,idea中使用vue,idea怎么运行vue.js代码,idea怎么运行vue.js代码,内容如对您有帮助，希望把文章链接给更多的朋友！

1、Node.js 官网地址：https://nodejs.cn/download/ 下载后运行msi进行安装，可以修改安装位置。 2.查看是否安装成功 node -v 显示安装的nodejs版本 npm -v 显示安装的npm版本 3.为了将全模块所在路径和缓存路径放在node.js安装的文件夹中，在nodejs安装目录下创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹。

4、在cmd中输入： npm config set prefix “D:\Program Files (x86)\nodejs\node_global” npm config set cache “D:\Program Files (x86)\nodejs\node_cache” （自己挖的坑，手写路径导致括号出现问题下载的包怎么都找不到，还是复制路径比较靠谱） 5、修改系统环境变量将【用户变量】下的【Path】修改为【D:\Program Files (x86)\nodejs\node_global】

在【系统变量】下新建【NODE_PATH】【D:\Program Files (x86)\nodejs\node_global\node_modules】

在【系统变量】下的【Path】新建添加node全局文件夹【D:\Program Files (x86)\nodejs\node_global】，之后点击确定。

6、更换npm源为淘宝镜像说明：npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载，国内很慢，一般都会指向淘宝 https://registry.npm.taobao.org。 1、查看初始npm源： npm config get registry 更换镜像为淘宝镜像： npm config set registry https://registry.npm.taobao.org/

此时，环境就差不多了

二、运行前端Vue项目

1、cmd命令进入前端项目所在文件夹，运行： npm install 安装所需依赖 2、npm run dev，运行项目最开始报错：使用以下方法解决版本兼容问题： set NODE_OPTIONS=–openssl-legacy-provider 重新运行npm run dev 前端项目正常启动。

三、运行后端项目

IDEA中启动后端项目，在浏览器中访问http://localhost:80/，即可成功启动。

参考： http://t.csdn.cn/xJe3O https://blog.csdn.net/m0_67393593/article/details/126038340 https://blog.csdn.net/qq_48485223/article/details/122709354

本文链接地址:https://www.jiuchutong.com/zhishi/295262.html 转载请保留说明！

上一篇：Vue 项目如何迁移小程序(怎么把vue项目跑起来)

下一篇：Vue3 开发环境和生产环境打包配置(vue项目开发环境)