一、安装Node.js
1、首先到nodejs官网(Node.js — 在任何地方运行 JavaScript)上下载node.js,选择一个自己喜欢的版本下载,我这里下载的是最新版。
2、下载完了就直接双击安装,安装过程中可以另外指定安装路径,我的安装路径是D:\Program Files\nodejs。
3、安装完成之后进入cmd命令行,然后输入 node -v
测试是否安装成功,出现版本号就表示安装成功,如图:
二、设置global和cache路径
npm全局模块的存放路径以及cache的路径的配置,这些路径默认是在 C 盘的。设置路径能够把通过npm安装的模块集中在一起,便于管理。
1、在nodejs的安装目录下,新建node_global和node_cache两个文件夹,我的安装目录为“D:\Program Files\nodejs\”
2、设置global和cache
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
设置成功后,后续用命令npm install XXX -g安装以后模块就在D:\Program Files\nodejs\node_global\node_modules里
三、安装cnpm
由于许多npm包都是在国外,我们平常用到是淘宝镜像服务器,所以在我们安装依赖的module时,先安装“中国的npm”——cnpm
安装命令为:
npm install -g cnpm --registry=https://registry.npmmirror.com
注意:
最开始使用的命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
报错如下图所示:
request to https://registry.npm.taobao.org/ failed, reason: certificate has expired
从报错信息可看出,以前经常使用的淘宝镜像https://registry.npm.taobao.org/的证书过期了,就是该域名的备案证书过期了,但似乎直到2024年1月才完全失效。
所以这里更换新的镜像地址: https://registry.npmmirror.com
四、设置环境变量(非常重要)
设置环境变量可以使得在任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径。
1.鼠标右键"此电脑",选择“属性”菜单,在“设置”页面选择“高级系统设置”,弹出“系统属性”对话框。
2.点击环境变量弹出下列对话框:
3、修改用户变量PATH:
选中PATH,点击编辑,打开“编辑环境变量”窗口,点击“新建”按钮,光标输入模式,然后把“D:\Program Files\nodejs\node_global”填进去,点击确定即可。
4、新增系统变量NODE_PATH:
在下面的系统变量中点击新建,弹出“新建系统变量”,把变量值设置成“D:\Program Files\nodejs\node_global\node_modules”,变量名设置成“NODE_PATH”,点击确定保存。