前端环境配置(后端使用前端版,简易版非专业前端)

声明本人不是专业做前端的,只是平常开发有时候需要运行前端代码,记录一下配置环境。

安装nvm

nvm 即 (node version manager),好处是方便切换 node.js 版本。

自己网上下载安装包即可,傻瓜式安装。

安装注意事项

  1. 要卸载掉现有的 nodejs
  2. 提示选择 nvm 和 nodejs 目录时,一定要避免目录中出现空格
  3. 选用【以管理员身份运行】cmd 程序来执行 nvm 命令
  4. 首次运行前设置好国内镜像地址

安装之后,打开cmd进行如下配置镜像地址,注意淘宝镜像地址改变了。可以参入如下链接内容。
关于淘宝的nodejs镜像网址更新后,前端项目出现的一系列问题解决方案。

bash 复制代码
nvm node_mirror http://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/
如下错误:
//nvm npm_mirror https://npm.taobao.org/mirrors/npm/

查看可用版本

bash 复制代码
nvm list available

安装 LTS(长期支持版)

bash 复制代码
nvm install 16.16.0
nvm install 16.15.0

查看以安装版本

bash 复制代码
nvm list

切换版本

bash 复制代码
nvm use 16.16.0
nvm use 16.15.0

检查npm镜像

bash 复制代码
npm get registry

如果是淘宝镜像可以不进行下一步。

设置npm镜像

bash 复制代码
npm config set registry https://registry.npmmirror.com/
如下错误:
//npm config set registry https://registry.npm.taobao.org/

总结

后面就可以正常使用nvm切换node版本,使用npm install 安装,npm run运行等操作。

相关推荐
TheITSea16 分钟前
JavaScript Web APIs
开发语言·前端·javascript
恋猫de小郭25 分钟前
Android CLI 支持 AI Agent 通过 Device Streaming 调试云真机
android·前端·flutter
Wang's Blog27 分钟前
Java 项目实战: 外卖平台优化-前端dist部署与Nginx反向代理rewrite
java·前端·nginx
鬓戈31 分钟前
Claude Code frontend-design 插件调研 与 Vue 旧系统风格一致性方案
前端·vue.js·人工智能
IT_陈寒41 分钟前
SpringBoot自动配置的坑我帮你踩过了
前端·人工智能·后端
其实防守也摸鱼1 小时前
网安自测题:掌握核心知识点的实用练习
linux·运维·服务器·前端·数据库·sql·xss
geovindu3 小时前
css: Timeline scribble
前端·css·iphone
沙漠之主12 小时前
C++编程教学设计资料:从入门到实战的完整课程方案
java·前端·c++
hasty12 小时前
不上传新包,也能改变用户拿到的版本:npm dist-tag 的 OIDC 权限治理
前端·npm·node.js
Csvn12 小时前
diff 算法(虚拟 DOM Reconciliation)
前端