Node.js安装及配置

Node.js安装及配置

一、官网下载+安装

1.进入官网nodejs.org/en/download

版本：node-v19.16.0-x64.msi 是官网建议下载的稳定长期维护的版本，选择下载它

但是这里推荐使用 阿里云的 node 镜像，可以选择任意版本，需要什么版本只需要将 18.20.2 替换成对应的版本即可，比如需要 16.20.2 的版本，那么下载的名称：node-v16.20.2-x64.msi

右键安装，过程中只需要更改一下安装路径，避免后期C盘爆满，剩余的选项不需要勾选，无脑下一步直至完成，点击 finish

注：我这里的路径放在 D:\Software\nodejs

二、新建3个文件夹

1.node_global

2.node_cache

3.node_global文件中再新建node_modules文件夹

三、验证测试是否成功

![5LQLK_0W[D%Q163__FQ0E.png

四、设置仓库和缓存目录

1.npm config set prefix "global的路径"

npm config set prefix "D:\Software\nodejs\node_global"

2.npm config set cache "cache目录的路径"

npm config set cache "D:\Software\nodejs\node_cache"

五、配置环境变量

1.系统环境变量path中新建NODE_PATH

NODE_PATH
D:\Software\nodejs\node_global\node_modules

2.改变用户变量中path的npm路径为node_global文件夹的路径

D:\Software\nodejs\node_global

六、配置淘宝镜像

1.配置淘宝镜像（一定要通过管理员身份打开）

新镜像地址

npm config set registry https://registry.npmmirror.com/

2.验证是否设置的是淘宝镜像地址

npm config get registry

七、下载 vue/cli

1.下载

npm install -g @vue/cli

2.验证

vue -V

八、下载中国版的 cnpm (淘宝定制的 cnpm)

说明： npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。

1.下载

npm install -g cnpm --registry=https://registry.npmmirror.com

2.验证

cnpm -v

九、新建项目

1.新建方式①-命令创建

这里给项目取名 demo

vue create demo
default Vue3
NPM
cd demo
npm run serve

创建成功！

2.新建方式②-UI创建

通过管理员进入命令提示窗口

d:
cd D:\Software\nodejs\workspace
vue ui

点击新建项目即可创建成功！