文章目录
- 项目场景:
- 下载Node.js
- 环境配置
- 配置环境变量
- 安装脚手架
- 安装依赖
- 安装淘宝镜像
- 安装 cnpm(我需要安装)
- nvm 安装 Node.js (推荐)
项目场景:
提示:这里简述项目相关背景:
项目运行出现这个bug:
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_global
、node_cache
创建完毕后,使用管理员身份打开 cmd 命令窗口
输入:
npm config set prefix “本地node_global文件夹路径”
(复制刚刚创建的node_global文件夹路径)
npm config set prefix "D:\node18\node_global"
npm config set cache “本地node_cache文件夹路径”
(复制刚刚创建的node_cache文件夹路径)
npm config set prefix "D:\node18\node_cache"
配置环境变量
右键【此电脑】→【属性】→【高级系统设置】→【环境变量】
在【系统变量】中点击【新建】
变量名:NODE_PATH
变量值:node_modules 路径
在【系统变量】中选择【Path】点击【编辑】添加NODE_PATH
,随后一直点击【确定】
在cmd中输入:
node -v
:显示 node.js 版本
npm -v
:显示 npm 版本
成功显示版本说明安装成功
安装脚手架
cnpm install vue-cli -g
vue -V
查看vue-cli脚手架是否安装成功,出现版本号就安装成功了
安装依赖
npm install
或者
cnpm install
安装淘宝镜像
https://www.npmmirror.com/
npm config set registry https://registry.npmmirror.com
查看是否成功
npm config get registry
安装 cnpm(我需要安装)
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 里的配置