npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等

1. 前言

1.1 NodeJs的下载安装

• 下载地址
  • 官网：
    https://nodejs.org/en.
  • 中文网站：
    https://nodejs.org/zh-cn.
• 安装之后，使用 node -v 命令查看安装的版本，如下：
  

1.2 windows上

• 关于windows上的安装可以参考下面的文章：
  vue2入门——菜鸟级1篇.

1.3 常用包管理工具

• 前端常用的包管理工具有：npm、cnpm、yarn，更多请继续……

2. npm

• 前端常用的包管理工具有：npm、yarn、cnpm

2.1 npm 的安装

• npm 的全称是 Node Package Manager（即：node 的包管理工具），npm 是node.js 官方内置的包管理工具，所以在安装 NodeJs 时会自动安装 npm，如果已经安装了 NodeJs ，可以通过命令 npm -v 查看安装版本，如下：
  

2.2 npm初始化包

• 初始化命令如下：
  • 交互式命令：npm init，如下：
    
  • 快速创建的命令（默认创建），如下：

    npm init -y
    或
    npm init --yes
    

    

2.3 npm 安装、卸载包

2.3.1 非全局安装

2.3.1.1 单个包的安装

2.3.1.1.1 默认版本安装

• 比如，现在要用日期格式的，有一个js 是 dayjs.min.js，如果要用的话，可以直接下载，然后 html 引入使用，如下：
  https://www.bootcdn.cn/.
  
• 如果要在 node 初始化后的项目使用的话，直接安装，如下：
  • 去下面地址，可以搜索对应的包：
    https://www.npmjs.com/
    
  • 然后复制安装命令，并执行即可：

    npm i dayjs
    
    或者
    
    npm install dayjs
    

    
    
  • 安装之后，js内导入即可使用，如下：

    // 导入 dayjs 的包
    const dayjs_2 = require('dayjs');
    
    // 测试，使用 dayjs
    // 注意：dayjs_1 要与上面定义的保持一致（const dayjs_1）
    var date = dayjs_2(Date.now()).format('YYYY-MM-DD');
    

    

2.3.1.1.2 指定版本安装

• 语法：

  npm i <包名@版本号>
  

• 安装或更新如下：

  npm i [email protected]
  

  如果已经安装，自动更新：
  

2.3.1.2 安装所有包

• 在新 down 的的项目里会需要很多的包，可以执行下面的命令，将根据 package.json 和 package-lock.json 的依赖声明安装项目所需的所有依赖，如下：

  npm i  #懒人版
  
  或
  
  npm install  # 码农版
  

  

2.3.1.3 卸载包

• 如下命令都可：

  npm remove dayjs
  
  npm r dayjs
  
  npm rm dayjs
  

2.3.2 npm全局安装、卸载

• 语法：
  • 码农版：

    npm install --global 包名
    

  • 懒人版:

    npm i -g 包名
    

  • 安装 typings 全局包，命令：npm i -g typings ，我这边是Mac，有权限问题，所以加 sudo ,如下：

    sudo npm i -g typings
    

    
• 查看已安装的全局包

  npm ls -g  #查看所有
  npm ls -g typings  #查看已安装的指定包
  

• 更新全局包

  npm update -g 包名
  
  sudo npm update -g typings  # Mac
  

• 卸载全局包

  npm remove -g  包名
  npm rm -g  包名
  
  sudo npm rm -g typings
  

  
• 查看全局包的所在目录：

  npm root -g
  

  

2.4 npm配置命令别名

• 可将我们上述执行的 test.js 的执行命令配置一个别名，用npm命令执行，如下：
  • 先在 package.json 文件中配置

    "exeTest":"node ./test.js "
    

    
  • 执行看效果：

    npm run exeTest
    

    

2.5 npm 配置淘宝镜像

2.5.1 使用命令直接配置

• 网址：npmmirror 镜像站.
• 命令如下：

  npm config set registry https://registry.npmmirror.com
  

  

2.5.2 使用 nrm 工具配置

• 首先，安装 nrm（npm registry manager），命令如下：

  sudo npm i -g nrm
  

  
• 查看支持的镜像地址：

  nrm ls
  

  
• 根据支持的镜像地址，选择镜像地址进行切换：

  nrm use taobao   # 切换淘宝镜像
  

• 查看现在使用的镜像地址：

  npm config list
  

  

3. cnpm

3.1 cnpm的安装 与 简单使用

• 网址：npmmirror 镜像站.

• 安装命令：

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

• 安装之后查看，版本：

  cnpm -v
  

  

• 关于cnpm 初始化、安装包、卸载包等使用与npm是一样的，如下命令等，不再多说。

  cnpm init
  cnpm i [email protected]
  

4. yarn

• yarn 的安装:

  sudo npm i -g yarn
  

• 关于yarn
• 速度快、安全、可靠，更多请去 yarn 的官网：
  https://yarnpkg.com/
• 具体使用命令请参考官网：https://yarnpkg.com/getting-started/usage.
  

5. 总结

5.1 npm 常用命令

5.1.1 npm初始化包

• 如下：

  npm init
  npm init -y   # 快速创建（默认）
  

5.1.2 安装包命令（单个包）

• 语法：

  npm i 包名  
  或 
  npm install 包名
  

• 生产依赖：

  npm i -S dayjs
  
  或
  
  npm i --save dayjs
  

  其中，-S 等效于--save，-S 是默认选项。
• 开发依赖：

  npm i -D dayjs
  
  或
  
  npm i --save-dev dayjs
  

  其中，-D 等效于 --save-dev。
• 默认安装：
  不加选项的话，默认以生产依赖方式安装。

5.1.3 安装所有包

• 对于新下载下来的项目，需要，如下：

  npm i  #懒人版
  
  或
  
  npm install  # 码农版
  

5.1.4 更新、卸载包命令

• 指定版本更新：

  npm i [email protected]
  

• 卸载命令：

  npm remove dayjs
  
  npm r dayjs
  
  npm rm dayjs
  

5.1.5 npm全局相关命令

• 如下：

  npm ls -g  #查看所有已经安装的全局包
  npm ls -g typings  #查看已安装的指定包
  
  npm root -g  # 查看全局包的安装目录
  
  sudo npm i -g typings   #安装
  
  sudo npm update -g typings   # 更新
  
  sudo npm remove -g typings   # 卸载
  sudo npm rm -g typings   # 卸载
  

5.2 nrm 相关的常用命令

• 查看支持的镜像地址：

  nrm ls
  

• 根据支持的镜像地址，选择镜像地址进行切换：

  nrm use taobao   # 切换淘宝镜像
  

• 查看现在使用的镜像地址：

  npm config list