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

相关推荐
北极星日淘1 小时前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
youyu-youyu1 小时前
oss阿里云图片链接url高清图片设置为缩略图 vue 减少加载体积流量
前端·javascript·vue.js·阿里云·云计算
低保和光头哪个先来1 小时前
聊聊 CSS 编译和 scoped 实现
前端·css·vue.js
_codeOH17 小时前
Vue 3 vs React 19:框架还在卷,核心原理就这些
前端·vue.js
英勇无比的消炎药17 小时前
新手必看玩转TinyRobot一定要避开这些坑
前端·vue.js
英勇无比的消炎药18 小时前
别再盲目混用AI组件库和传统组件库差距原来这么大
前端·vue.js
英勇无比的消炎药20 小时前
前端提效神器全新AI组件库TinyRobot改写日常开发模式
前端·vue.js
英勇无比的消炎药20 小时前
前端提效神器TinyRobot
前端·vue.js
CDwenhuohuo20 小时前
uni 背景色渐变 全屏
前端·javascript·vue.js
爱怪笑的小杰杰20 小时前
Vue 项目交付第三方开发,如何隐藏核心 JS 源码?
前端·javascript·vue.js