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

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

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

相关推荐
大橙子额1 分钟前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
爱喝白开水a2 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌412 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
吃杠碰小鸡3 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone3 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09013 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农3 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king4 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
夏幻灵5 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_5 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js