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

原创已于 2025-02-03 18:13:48 修改 · 372 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #spring boot

于 2025-02-03 18:09:30 首次发布

情况：新主机没有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 修改淘宝镜像，见倒数第二行
在这里插入图片描述