下载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 里的配置

相关推荐
我有满天星辰29 分钟前
Vue 指令完全指南:从 Vue 2 到 Vue 3 的演进与实战
前端·javascript·vue.js
我有满天星辰3 小时前
Vue 3 响应式双雄:ref 与 reactive 完全指南
前端·javascript·vue.js
leoZ23114 小时前
Claude 驱动的全栈开发:Spring Boot + Vue 的 BS 架构实践
vue.js·spring boot·架构
荒诞英雄18 小时前
从 17MB Vendor 大包到按需加载:Vite 多入口 Vue 组件库首屏优化实践
vue.js·vite
jsonbro18 小时前
手把手带你实现发布订阅模式
前端·vue.js·设计模式
Cobyte20 小时前
23.Vue Vapor 组件 attrs 的实现
前端·javascript·vue.js
斯特凡今天也很帅21 小时前
xml页面可以打开,不报错,但是显示数据的地方也不显示,我是怎么解决的
xml·vue.js
柯克七七1 天前
给老项目加了 TypeScript,本来只想自己爽,结果全公司代码审查标准被我抬高了
前端·vue.js·typescript
自然 醒1 天前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉1 天前
前端调试跨域如何解决
前端·vue.js