Cao Note

外观

包管理器 ​

npm ​

基本命令 ​

bash
rmdir /s node_modules //删除整个 `node_modules` 目录

在将目录结构创建好以后
1. 填写一个git忽略文件
2. 初始化项目(在项目根目录执行)
`$ npm init -y`
3. 初始化代码管理工具
`$ git init`

第三方工具(库) 安装
$ npm install[i] package[@version] -g             # 全局安装(命令行工具)
$ npm install[i] package[@version] --save[-S]     # 项目依赖安装(项目中需要用到的代码)
$ npm install[i] package[@version] --save-dev[-D] # 项目开发依赖安装(开发工具)

使用 npm/cnpm 安装依赖时 需要在项目的根目录执行命令
osx用户进行全局安装时 需要获得超级管理员权限 `sudo -s`

$ npm uninstall package --save   # 卸载模块

进入工程目录，项目初始化
$ npm init -y

初始化完成会在项目根目录生成一个文件 package.json
$ npm install     //安装所有记录的依赖

使用cnpm工具代替npm工具 (推荐)
$ npm install cnpm -g --registry=https://registry.npm.taobao.org/

使用 nrm 工具切换镜像源
$ npm install nrm -g   # 全局安装nrm
$ nrm ls               # 查看所有镜像源
$ nrm use taobao       # 切换到taobao镜像
rmdir /s node_modules //删除整个 `node_modules` 目录

在将目录结构创建好以后
1. 填写一个git忽略文件
2. 初始化项目(在项目根目录执行)
`$ npm init -y`
3. 初始化代码管理工具
`$ git init`

第三方工具(库) 安装
$ npm install[i] package[@version] -g             # 全局安装(命令行工具)
$ npm install[i] package[@version] --save[-S]     # 项目依赖安装(项目中需要用到的代码)
$ npm install[i] package[@version] --save-dev[-D] # 项目开发依赖安装(开发工具)

使用 npm/cnpm 安装依赖时 需要在项目的根目录执行命令
osx用户进行全局安装时 需要获得超级管理员权限 `sudo -s`

$ npm uninstall package --save   # 卸载模块

进入工程目录，项目初始化
$ npm init -y

初始化完成会在项目根目录生成一个文件 package.json
$ npm install     //安装所有记录的依赖

使用cnpm工具代替npm工具 (推荐)
$ npm install cnpm -g --registry=https://registry.npm.taobao.org/

使用 nrm 工具切换镜像源
$ npm install nrm -g   # 全局安装nrm
$ nrm ls               # 查看所有镜像源
$ nrm use taobao       # 切换到taobao镜像
  • npm -v 查看 npm 的版本
  • npm version 查看所有模块的版本
  • npm init 创建 package.json
  • npm i/install 安装包
  • npm s/search 包名 搜索包
  • npm r/remove 删除包
  • npm uninstall 包名 卸载包
  • npm root -g 查看全局包安装位置
  • npm config ls 查看当前 npm 配置
  • npm outdated 查看需要升级的包

一次安装多个包：

  1. npm i gulp-sass gulp-debug gulp-pug
  2. npm i gulp{-sass,-debug,-pug}

源管理 ​

  • 查看源：npm config get registry
  • 修改源：npm config set registry 源地址
  • 临时改变源：npm --registry=https://r.npm.taobao.org

镜像源地址：

yarn ​

npm 的替代产品

  1. 特点

    • 有缓存机制、速度更快
    • 更可靠、安全
    • 异步安装

  2. 安装：npm install -g yarn

  3. 使用

    • yarn 安装依赖
    • yarn add <packageName> 下载
    • yarn remove <packageName> 删除
    • yarn upgrade <packageName> 更新
    • yarn init
    • yarn install 生成 package.json
    • yarn global add <packageName> 安装全局（需要配置环境变量，通过查看全局路径获取）
    • yarn global bin 查看全局路径；
    • yarn cache dir 查看缓存路径
    • yarn link 使当前项目可以被其他项目引用
    • yarn link pkgName 安装 link 的项目

安装 node-sass 卡住的解决办法

bash
yarn config set sass_binary_site https://npmmirror.com/mirrors/node-sass/ -g
yarn config set sass_binary_site https://npmmirror.com/mirrors/node-sass/ -g

pnpm ​

安装速度更快，安装过的版本直接引用快捷路径，不再安装

介绍：https://pnpm.io/zh/motivation

安装：npm install -g pnpm

升级：pnpm add -g pnpm

使用

  • pnpm install 安装依赖
  • pnpm add <pkg> 安装包，pkg 还可以是 git 地址
  • pnpm update <pkg> 更新包，alias: up
  • pnpm remove <pkg> 卸载包
  • pnpm link --global 使当前本地包可在系统范围内使用
  • pnpm link --global <pkg> 安装在全局 link 的包
  • pnpm link ../demo 在当前项目安装 demo 项目的软链接
  • pnpm unlink <pkg> 卸载 link 包

nrm ​

npm 源管理器，可以快速地在 npm 源间切换

安装：npm i -g nrm;

使用：

  • nrm ls 查看所有可选的源
  • nrm use taobao 切换对应的源
  • nrm test npm 测试相应源的响应时间
  • nrm add registr http://.... 增加新的源
  • nrm del registr 删除对应的源

注意：nrm 是用来切换源的，装包工具还是使用 npm 或 yarn

nvm ​

是一款 node 切换版本的工具，用法和 nrm 类似

注意：安装之前请将之前的 nodejs 文件夹修改一下名字，之后再进行安装，避免出现使用错误情况；默认路径：C:\Program Files\nodejs

  1. 下载 下载地址： https://github.com/coreybutler/nvm-windows/releases

    image-20240712161337010

    • nvm-noinstall.zip：绿色免安装版本，使用之前需要配置
    • nvm-setup.zip：安装包，下载之后点击安装，无需配置就可以使用
    • Source code(zip)：zip 压缩的源码
    • Sourc code(tar.gz)：tar.gz 的源码，一般用于 *nix 系统

  2. 安装

    image-20240712161626637

    按照提示完成安装即可，安装完成后可以检测一下是否安装成功。在 cmd 命令行输入 nvm，如果出现 nvm 版本号和一系列帮助指令，则说明 nvm 安装成功。

    image-20240712161745728

  3. 修改 settings.txt

    在你安装的目录下找到 settings.txt 文件，打开后加上：

    node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
    node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

    这一步主要是将 npm 镜像改为淘宝的镜像，可以提高下载速度。

    image-20240712161753056

  4. node.js 安装 可以先使用 nvm list 查看本地已安装的版本 然后使用 nvm list available 查看所有版本 使用 nvm install 版本号 安装指定的版本，如 nvm install 12.2.0

  5. NVM 常用命令

    • nvm list / nvm list installed 查看已经安装的版本
    • nvm list available 查看网络可以安装的版本
    • nvm version 查看当前的版本
    • nvm install 安装最新版本 nvm
    • nvm use <version> 切换使用指定的版本 node
    • nvm ls 列出所有版本
    • nvm current 显示当前版本
    • nvm alias <name> <version> 给不同的版本号添加别名
    • nvm unalias <name> 删除已定义的别名
    • nvm reinstall-packages <version> 在当前版本 node 环境下，重新全局安装指定版本号的 npm 包
    • nvm on 打开 nodejs 控制
    • nvm off 关闭 nodejs 控制
    • nvm proxy 查看设置与代理
    • nvm node_mirror [url] 设置或者查看 setting.txt 中的 node_mirror
    • nvm npm_mirror [url] 设置或者查看 setting.txt 中的 npm_mirror
    • nvm uninstall <version> 卸载指定的版本
    • nvm use [version] [arch] 切换指定的 node 版本和位数
    • nvm root [path] 设置和查看 root 路径

文档：各平台安装 nvm 教程

常用 CDN 地址 ​

参考地址

  1. 教程：https://blog.csdn.net/guochanof/article/details/90118710

Copyright © 2024-present xiaocao