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

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

安装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运行等操作。

相关推荐
独泪了无痕10 分钟前
Vue3 Hooks使用实战解析
前端·vue.js
shawxlee2 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
用户059540174462 小时前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%
前端·css
触底反弹2 小时前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史
前端·react.js·面试
kyriewen2 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
颜酱2 小时前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
郝亚军4 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
IT_陈寒4 小时前
React的useEffect依赖项把我坑惨了
前端·人工智能·后端
东方小月4 小时前
从零开发一个Coding Agent:monorepo项目搭建
前端·后端·node.js
葬送的代码人生4 小时前
别再让 AI 瞎写代码了!Vibe Coding 三步法教你写出靠谱代码
前端·设计模式·架构