下载Node.js及其他环境推荐nvm

文章目录

项目场景:

提示:这里简述项目相关背景:

项目运行出现这个bug:

javascript 复制代码
Error from chokidar (D:\): Error: EBUSY: resource busy or locked, istat 'D:\Dumpstack.log.tmp'

resource busy or locked 表示资源被锁定

重启电脑后还是这个报错

经过大佬指点:node版本不对,换低版本的就好了


下面直接说解决办法(降低node.js版本)以及VUE项目需要怎么运行

下载Node.js

我是一开始下载的 node

进官网下载安装包https://nodejs.cn/download/

下载好后双击即可安装,选择安装路径后可以一直傻瓜式点击下一步

环境配置

找到安装目录,在安装目录下新建两个文件夹node_globalnode_cache

创建完毕后,使用管理员身份打开 cmd 命令窗口

输入:
npm config set prefix "本地node_global文件夹路径"(复制刚刚创建的node_global文件夹路径)

javascript 复制代码
npm config set prefix "D:\node18\node_global"

npm config set cache "本地node_cache文件夹路径"(复制刚刚创建的node_cache文件夹路径)

javascript 复制代码
npm config set prefix "D:\node18\node_cache"

配置环境变量

右键【此电脑】→【属性】→【高级系统设置】→【环境变量】

在【系统变量】中点击【新建】

变量名:NODE_PATH

变量值:node_modules 路径

在【系统变量】中选择【Path】点击【编辑】添加NODE_PATH,随后一直点击【确定】

在cmd中输入:
node -v:显示 node.js 版本
npm -v:显示 npm 版本

成功显示版本说明安装成功

安装脚手架

javascript 复制代码
cnpm install vue-cli -g

vue -V查看vue-cli脚手架是否安装成功,出现版本号就安装成功了

安装依赖

javascript 复制代码
npm install

或者

javascript 复制代码
cnpm install

安装淘宝镜像

https://www.npmmirror.com/

javascript 复制代码
npm config set registry https://registry.npmmirror.com

查看是否成功

javascript 复制代码
npm config get registry

安装 cnpm(我需要安装)

javascript 复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com


cnpm -v:查看是否安装成功

nvm 安装 Node.js (推荐)

Node.js 可以通过不同的方式安装,nvm 它允许你轻松切换 Node.js 版本,因为不同的项目,所需Node版本不同,下载

nvm下载,我选的是.exe,傻瓜式安装即可

安装后在cmd中输入nvm version,能查到版本号说明安装成功了

在终端输入 nvm list available, 查看 node 可以安装的版本。

选择一个版本安装,比如 nvm install 18.15.0

输入nvm list 查看已经安装的node,*号表示当前使用的node版本

nvm常用命令------正在更新中~ ✨

命令 说明
nvm list available 查看 node 可以安装的版本
nvm install 版本号 选择一个版本安装
nvm use 版本号 切换到使用指定的node.js版本
nvm uninstall 卸载指定的版本

WebStorm 里的配置

相关推荐
前端Hardy4 小时前
别再手动写 loading 了!封装一个自动防重提交的 Hook
前端·javascript·vue.js
前端Hardy4 小时前
前端如何实现“无感刷新”Token?90% 的人都做错了
前端·javascript·vue.js
SuperEugene4 小时前
Vue Router 实战规范:path/name/meta 配置 + 动态 / 嵌套路由,统一团队标准|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
小彭努力中5 小时前
194.Vue3 + OpenLayers 实战:动态位置 + 高度 + 角度,模拟卫星地面覆盖范围
前端·css·vue.js·openlayers·animate
前端Hardy5 小时前
纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!
前端·javascript·vue.js
miss5 小时前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
angerdream6 小时前
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
javascript·vue.js
胖橘6 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
啊丫丫6 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
终端鹿7 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js