运行Vue项目

一、安装环境

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
2)更换镜像为淘宝镜像:
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

  • 2
    点赞
  • 47
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值