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