前端开发环境配置一node篇

173 阅读2分钟

node

1. 下载node

官方下载链接
旧网址
根据自己的需求下载对应版本,如win10*64的选择:

image.png

2. 下载后按步骤安装

3. 检测是否安装成功

打开控制台 win+R
输入指令 cmd
输入命令行 node -v 和 npm -v
出现版本号即安装成功 image.png

4. 安装淘宝镜像

安装淘宝镜像的核心方法包括配置npm镜像源和使用cnpm工具。当前需使用最新镜像地址https://registry.npmmirror.com,原域名https://registry.npm.taobao.org已于2022年下线。

一、配置镜像源

1. 永久配置镜像地址
`npm config set registry https://registry.npmmirror.com`

2. 验证配置状态
//返回https://registry.npmmirror.com即表示配置成功
`npm config get registry` 

3. 恢复官方镜像(如果需要的话)
`npm config set registry https://registry.npmjs.org`

二、使用cnpm工具

1. 全局安装cnpm
`npm install -g cnpm --registry=https://registry.npmmirror.com`

2. 版本验证
`cnpm -v`    //查看cnpm版本及镜像配置

3. 使用cnpm
`cnpm install <package-name>`  //替代npm install命令

常见问题处理

MAC/Linux权限问题
添加`sudo`前缀解决全局安装权限问题

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

5. pnpm的安装与配置

1. 全局安装pnpm
`npm install --global pnpm`

2. 配置pnpm镜像源(切换国内镜像源提高下载速度)
`pnpm config set registry https://registry.npmmirror.com`

3. 验证
`pnpm -v`    //输出pnpm的版本号,则表明已正确安装。

4. 配置环境变量(仅当无法全局访问PNPM时)
如果安装Node.js时没有自动设置环境变量,您需手动将PNPM的可执行文件路径添加至系统PATH中:
- 找到PNPM的安装目录(通常是 `%APPDATA%\Roaming\npm``%USERPROFILE%\AppData\Local\pnpm`),其中包含 `pnpm.cmd` 文件。
- 将该目录添加至系统的PATH环境变量内。

使用pnpm

利用`pnpm`命令来初始化项目、添加和管理依赖包

初始化项目
`pnpm init`

添加依赖
`pnpm add <package-name>`

安装依赖
`pnpm install`