Skip to content

nodejs 的安装以及初始化 npm 环境

nodejs 安装

Download Nodejs and install: https://nodejs.org/en/download/

安装完成后,添加安装路径到环境变量:C:\Program Files\nodejs

nodejs 升级

shell
# 查看当前版本
node -v

# 获取 node.js 安装路径 
where node

下载新版安装包

访问 Node.js 官网或国内镜像,下载对应系统(x64/x86)的 .msi 安装包。

覆盖安装

双击安装包,选择与原版本相同的安装路径(如默认路径C:\Program Files\nodejs),安装程序会自动覆盖旧版本。

查看 node 配置

shell
npm config list

# 查看所有默认配置
npm config ls -l

npm 使用 set registry 设置国内源

shell
# 查看当前源
npm config get registry

# 设置源
npm config set registry https://registry.npmmirror.com

# 还原回默认源
npm config set registry https://registry.npmjs.org

配置环境变量(添加 nodejs 安装目录到 path) D:\Program\nodejs\node_global

安装 pnpm

bash
# -g:全局安装 
npm install -g pnpm

# 验证版本
pnpm -v

# 升级
npm update -g pnpm      # Windows 下报错
# 或
pnpm add -g pnpm

# 卸载
npm uninstall -g pnpm

# 查看存储路径(可选)
pnpm store path 
 
# 执行全局存储清理 
pnpm store prune

安装 vite

shell
# -g:全局安装 
npm install -g vite

# 验证版本
vite -v

# 升级
npm update -g vite      # Windows 下报错
# 或
pnpm add -g vite

# 卸载
npm uninstall -g vite

package.json 常用脚本

使用 vite 和 pnpm 的场景

shell
"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite build && vite preview",
    "clean": "pnpm clean:windows",
    "clean:dist": "rmdir /s /q dist",
    "clean:windows": "del /q pnpm-lock.yaml && rmdir /s /q node_modules && pnpm store prune && pnpm install",
    "clean:linux": "rm -rf pnpm-lock.yaml && rm -rf node_modules && pnpm store prune && pnpm install"
  },

执行命令:

shell
# 启动
pnpm dev

# 构建
pnpm build

# 构建后预览
pnpm preview

# 执行清理
pnpm clean

# 执行清理 dist 目录
pnpm clean:dist

npm 常用命令

shell
# 安装但不写入package.json
$ npm install xxx

# 安装并写入package.json的"dependencies"中
$ npm install xxx –S
$ npm install xxx –-save

# 安装并写入package.json的"devDependencies"中
$ npm install xxx –D

# 全局安装
$ npm install xxx -g

# 安装指定版本
$ npm install xxx@1.2.0

# 检查更新
$ npm outdated

# 更新指定的模块,并且可以根据作用范围在后面加上 -D、-S 或 -g
# 注意:指定更新需要提前修改 package.json 中的版本号。
$ npm update xxx

# 删除指定模块
$ npm uninstall xxx

# 删除全局模块
$ npm uninstall -g xxx

# 查看全局安装的包
$ npm list --depth 0 -g

# 查看当前工程安装的包
$ npm list --depth 0