导入VUE-springboot项目配置前端环境

情况:新主机没有VUE所需的环境
安装vue2对应的node.js环境,选一个比较旧的版本

安装vue所需环境

1) 下载并安装node.js

下载链接
在这里插入图片描述
下载到本地得到下面的文件:
在这里插入图片描述
双击启动,自己修改一下安装路径,可以装在D盘,一定要自己记住这个路径,后面要用到很多次的。
然后一直点击下一步,别的东西不要勾选,最后install
装完了,就在你自己装的路径里面:

2) 验证node.js是否安装成功——cmd查看版本

打开cmd命令提示符,分别输入下面的两个命令,查看版本,如果版本出来了,就安装成功。

查看node版本

node -v
查看npm版本

npm -v

3) 更改npm的下载位置

此步骤修改以后npm全局下载模块的保存位置,可根据自身情况选择是否更改。不过还是建议大家都修改一下。

3.1 查看npm默认存放位置

使用 npm get prefix 命令 查看npm全局模块的存放路径
使用 npm get cache 查看npm缓存默认存放路径

3.2 在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹

在这里插入图片描述
3.3 修改默认文件夹

设置全局模块的安装路径到 “node_global” 文件夹:
```bash
npm config set prefix "E:\Develop\nodejs\node_global"
```
设置缓存到 “node_cache” 文件夹:


```bash
npm config set cache "E:\Develop\nodejs\node_cache"
```

**注意**:由于 node 全局模块大多数都是可以通过命令行访问的,还要把【node_global】的路径“E:\Develop\nodejs\node_global”加入到【系统变量 】下的【PATH】 变量中,方便直接使用命令行运行,如下图所示:

在这里插入图片描述
3.4 测试默认位置是否更改成功
经过上面的步骤,nodejs下载的模块就会自动下载到我们自定义的目录,接下来我们测试一下是否更改成功。输入下面的命令:

```bash
npm install express -g
或者
npm install express --global
```

注意:“-g”等同于“–global”,“-g” 是全局安装,不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下,同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹, 即自动下载到“D:\Develop\node.js\node_global\node_modules” 路径下。

3.5 修改淘宝镜像,见倒数第二行
在这里插入图片描述

切换到IDEA项目中

切换到vue项目目录,然后输入npm install启动,出现如下标志说明项目运行成功

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值