Windows 安装配置 Node.js 教程详细讲解
注意:Node.js版本请根据自身系统选择,安装位置、全局模块存放位置和环境变量应根据自身实际情况进行更改。
1.下载安装
中文网下载地址:https://nodejs.cn/download/
历史版本下载地址:https://nodejs.org/en/download/releases
GitHub下载地址:https://github.com/nodejs/release#release-schedule
Windows 安装包 (.msi) 根据向导安装
推荐使用 Windows 二进制文件 (.zip) 解压至自定义目录使用
2.环境变量配置
系统变量 Path 变量新建 => (添加nodejs的安装路径)
D:\Program Files\nodejs
或者有使用到多个nodejs的规范路径:D:\Java\nodejs\node-v16.20.2-win-x64
(这样目录规范可以在nodejs目录下放多个版本的node,可以方便切换使用)
系统变量 => 新建 => (这步忽略)
NODE_PATH
D:\Program Files\nodejs\node_modules
验证是否安装成功,cmd窗口命令验证
查看nodejs版本 node –v
查看npm版本 npm –v
3.修改全局包下载位置和镜像
(1)查看npm默认存放位置(一般都在C盘用户下,最好修改到D盘)
命令 npm get prefix 查看npm全局模块的存放路径
命令 npm get cache 查看npm缓存默认存放路径
(2)在安装目录下新建两个文件夹 “node_global” 和 “node_cache”。
cmd窗口输入命令
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
npm config set registry https://registry.npmmirror.com
(设置淘宝镜像项目npm install会快很多,因为npm默认的registry,也就是下载npm包时会从国外的服务器下载,国内下载会很慢,一般更换为淘宝镜像)
一些常用的源地址:
//官方源
https://registry.npmjs.org/
//淘宝源https://registry.npm.taobao.org(阿里云官方已更换域名:https://registry.npmmirror.com)
//腾讯源
http://mirrors.cloud.tencent.com/npm/
(3)输入命令 "npm config list" 显示所有配置信息
(4)打开安装目录 D:\java\nodejs\node_modules\npm\.npmrc 文件,修改如下:(可跳过)
prefix=D:\ java \nodejs\node_global
cache=D:\ java \nodejs\node_cache
registry=https://registry.npm.taobao.org
修改了全局包的下载路径,下载的全局包就会放在
D:\ java\nodejs\node_global\node_module
而其对应的cmd指令会存放在
D:\java \nodejs\node_global
4.继续环境变量配置
由于node全局模块大多数都是可以通过命令行访问的,所以为了方便node全局模块直接使用命令行运行(如“vue create project”命令),需要把【node_global】的路径加入到系统变量Path
系统变量 Path 变量新建 => (添加node_global路径)
D:\Program Files\nodejs\node_global
5.yarn安装与环境配置
(1)全局安装
npm install -g yarn(改为 npm install yarn –g)
注:“-g”放在后面这样能规整目录,每个插件统一一个文件夹放在\node_global\node_modules,安装其他的也一样习惯都把“-g”放在后面。
“-g”等同于“–global”,“-g”是全局安装,不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的“node_global”目录下,同时nodejs会自动地在“node_global”文件夹下创建“node_modules”子文件夹, 即自动下载到“D:\Program Files\nodejs\node_global\node_modules” 目录下。
// 查看yarn版本
yarn –v
(2)在安装目录D:\Program Files\nodejs\新建yarn_global和yarn_cache两个文件夹
(3)设置全局安装位置和缓存位置
// 全局安装目录配置
yarn config set global-folder “D:\Program Files\nodejs\yarn_global”
// 全局缓存目录
yarn config set cache-folder “D:\Program Files\nodejs\yarn_cache”
(4)设置淘宝镜像源
// 查看当前镜像源
yarn config get registry
// 修改为淘宝镜像源
yarn config set registry https://registry.npmmirror.com
(5)查看yarn的所有配置
yarn config list
(6)查看当前yarn的bin的位置
yarn global bin
(7)查看当前yarn的全局安装位置
yarn global dir
6.其他
(1)express的安装
npm install express -g
或者 npm install express --global
(2)scss的安装
npm install node-sass sass-loader --save-dev
(3)uni-app项目使用npm操作
安装vue-cli,已安装的跳过 npm install -g @vue/cli
初始化uni-preset-vue项目 vue create -p dcloudio/uni-preset-vue [project-name]
在创建的项目下创建一个src目录,把原HBuilderX创建的项目文件全部放入src目录中就可以在外部使用npm操作使用
注意:若执行命令npm install express -g出现报错:
npm ERR! code EPERM
npm ERR! syscall mkdir
npm ERR! path D: D:\Program Files\nodejs\node_cache\_cacache
npm ERR! errno EPERM
是由于对文件夹操作的权限不够,根据错误信息path找到对应的文件夹右键->属性->安全,点击编辑,将所有权限都✔允许,再次执行。