首页IT科技idea写vue项目(Idea中运行Vue项目)

idea写vue项目(Idea中运行Vue项目)

时间2025-07-29 21:11:54分类IT科技浏览5511
导读:一、安装环境 1、Node.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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
电脑有什么可以赚钱的项目(电脑上有什么软件可以赚钱的软件是什么软件-AI挣钱的10个方法) vue生命周期和钩子函数(Vue生命周期钩子)