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

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

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

相关推荐
丁总学Java35 分钟前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
懒羊羊大王呀1 小时前
CSS——属性值计算
前端·css
xgq1 小时前
使用File System Access API 直接读写本地文件
前端·javascript·面试
无咎.lsy1 小时前
vue之vuex的使用及举例
前端·javascript·vue.js
fishmemory7sec1 小时前
Electron 主进程与渲染进程、预加载preload.js
前端·javascript·electron
fishmemory7sec1 小时前
Electron 使⽤ electron-builder 打包应用
前端·javascript·electron
豆豆2 小时前
为什么用PageAdmin CMS建设网站?
服务器·开发语言·前端·php·软件构建
twins35203 小时前
解决Vue应用中遇到路由刷新后出现 404 错误
前端·javascript·vue.js
qiyi.sky3 小时前
JavaWeb——Vue组件库Element(3/6):常见组件:Dialog对话框、Form表单(介绍、使用、实际效果)
前端·javascript·vue.js
煸橙干儿~~3 小时前
分析JS Crash(进程崩溃)
java·前端·javascript