> 技术文档 > 苍穹外卖前端环境配置及其源码的修改

苍穹外卖前端环境配置及其源码的修改

项目提供的前端源码所依赖node.js版本与我们使用的版本存在大量不兼容的问题,所以我们需要切换自己的版本
但是更换node.js版本往往比较复杂,所以我们这里使用nvm,可以灵活切换依赖版本,这里项目使用的版本为12.22.10

一.nvm的下载与使用

1.nvm是什么?

nvm 一个nodejs版本管理工具!nvm全英文也叫node.js version management,是一个nodejs的版本管理工具。可以解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js

2.nvm下载

官方github地址

Release v1.1.12 · coreybutler/nvm-windows (github.com)

苍穹外卖前端环境配置及其源码的修改

3.nvm安装

【双击】nvm-setup.exe

苍穹外卖前端环境配置及其源码的修改

【Next】可以根据磁盘分布自行选择安装

苍穹外卖前端环境配置及其源码的修改

【Install】

苍穹外卖前端环境配置及其源码的修改

【配置】nvm环境变量

  • C盘默认安装

打开cmd 输入nvm -v

苍穹外卖前端环境配置及其源码的修改

出现上图则安装成功

3.nvm命令

查看可用nodejs的稳定版本

nvm list available

苍穹外卖前端环境配置及其源码的修改

看已安装nodejs版本

nvm list

苍穹外卖前端环境配置及其源码的修改

下载nodejs 12.22.10

nvm install 12.22.10

切换到12.22.10

nvm use 12.22.10

苍穹外卖前端环境配置及其源码的修改

卸载版本20.9.0

nvm uninstall 20.9.0

二.前端界面修改步骤

前端的源码非常复杂且繁多,如果我们去通读源码的话需要很多时间,那么我们如何快速的定位到代码中的位置,进行修改呢?(下面简单演示一下)

1.打开控制台,查看源码

在浏览器内打开网页以后在控制台(f12)内查看代码的div,找到自己要修改的位置

苍穹外卖前端环境配置及其源码的修改

2.在前端代码文件中进行搜索

苍穹外卖前端环境配置及其源码的修改

3.定位修改

苍穹外卖前端环境配置及其源码的修改

修改成功!

如果你觉得对你有帮助的话,记得点赞哦~