Node.js安装配置

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找到对应的文件夹右键->属性->安全,点击编辑,将所有权限都✔允许,再次执行。

  • 23
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

偏执网友

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值