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

相关推荐
娃哈哈哈哈呀2 小时前
vue中的css深度选择器v-deep 配合!important
前端·css·vue.js
真滴book理喻5 小时前
Vue(四)
前端·javascript·vue.js
不是鱼7 小时前
构建React基础及理解与Vue的区别
前端·vue.js·react.js
开心工作室_kaic7 小时前
springboot476基于vue篮球联盟管理系统(论文+源码)_kaic
前端·javascript·vue.js
川石教育7 小时前
Vue前端开发-缓存优化
前端·javascript·vue.js·缓存·前端框架·vue·数据缓存
搏博7 小时前
使用Vue创建前后端分离项目的过程(前端部分)
前端·javascript·vue.js
isSamle7 小时前
使用Vue+Django开发的旅游路书应用
前端·vue.js·django
ss2738 小时前
基于Springboot + vue实现的汽车资讯网站
vue.js·spring boot·后端
武昌库里写JAVA9 小时前
浅谈怎样系统的准备前端面试
数据结构·vue.js·spring boot·算法·课程设计
TttHhhYy9 小时前
uniapp+vue开发app,蓝牙连接,蓝牙接收文件保存到手机特定文件夹,从手机特定目录(可自定义),读取文件内容,这篇首先说如何读取,手机目录如何寻找
开发语言·前端·javascript·vue.js·uni-app