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

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

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

相关推荐
会豪12 分钟前
Electron-Vite (一)快速构建桌面应用
前端
中微子15 分钟前
React 执行阶段与渲染机制详解(基于 React 18+ 官方文档)
前端
唐某人丶16 分钟前
教你如何用 JS 实现 Agent 系统(2)—— 开发 ReAct 版本的“深度搜索”
前端·人工智能·aigc
中微子17 分钟前
深入剖析 useState产生的 setState的完整执行流程
前端
遂心_42 分钟前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
小徐_23331 小时前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
RoyLin1 小时前
TypeScript设计模式:适配器模式
前端·后端·node.js
遂心_1 小时前
深入理解 React Hook:useEffect 完全指南
前端·javascript·react.js
Moonbit1 小时前
MoonBit 正式加入 WebAssembly Component Model 官方文档 !
前端·后端·编程语言
龙在天1 小时前
ts中的函数重载
前端