1、NVM
NVM是一个NodeJS的包管理工具,它能够自动帮我们配置一些内容。
根据底下的文档使用,能够有效的规避环境的配置, **请注意你的路径不能有空格,不能有中文符号,比如说: -
**
2、NodeJS安装教程
1.下载nodejs安装包
安装包下载之后无脑下一步就行,不需要任何勾选和配置。
安装成功之后可以使用以下命令查看是否安装成功
node -v # 显示安装的nodejs版本
npm -v 显示安装的npm版本
node.js安装的时候默认将其目录放入了环境变量,如果没有并且node安装成功了,可以自行放入环境变量
2.配置环境
我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,在安装目录下创建两个文件夹:node_global
和 node_cache
创建完两个空文件夹之后,跟之前操作一样,在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面,输入下面命令,如图。
# 说明:
prefix = 创建的node_global文件夹所在路径
cache = 创建的node_cache文件夹所在路径
-------------------------------------------------------------------------------
npm config set prefix "D:\work_environment\nvm\v16.19.0\node_global"
npm config set cache "D:\work_environment\nvm\v16.19.0\node_cache"
4.将 node_global
目录放入环境变量
我们建议 node_global
目录放入环境变量中,因为可能会下一些插件想要直接访问,比如后面的 cnpm
5.更换npm源为淘宝镜像
我们强烈建议在使用
npm
指令的时候使用管理员运行,否则可能出现无法运行的情况。当然,打开前端项目的ide,比如idea
、WebStore
等等也建议管理员运行
以管理员运行终端 ,执行以下命令更换为淘宝镜像源,原因是 npm
官方镜像源在中国下载很慢,经常超时
# 更换镜像源、
npm config set registry https://registry.npm.taobao.org
# 我们可以查看镜像源指令来查看是否修改成功
npm config get registry
6.安装cnpm
cnpm
是一个具有中国快速下载镜像源的工具,如果你无法成功下来可以尝试使用 cnpm
下载
以管理员运行终端(cmd) ,执行以下命令
# 安装cnpm,-g表示全局安装,--registry表示使用这个镜像源,前面修改了可以省略
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 查看cnpm版本来查看cnpm是否安装成功
cnpm -v
注意:cnpm会被安装到
node_global
文件夹下,加入之前步骤你没有将这个文件夹放入环境变量,那么你将使用cnpm
指令
2、常用指令
# 安装依赖
npm install
# 启动前端项目
npm run dev
# 更新所有依赖
npm update
# 清理缓存命令
npm cache clean --force