npm/cnpm 安装使用

配置向导

  1. node/npm
    • 在开发中很多时候都会用到到第三方插件 来使得开发更加到便捷
    • 在这个时候就会想到 npm 来下载第三方插件,但是使用 npm 到前提就就要先安装 node (在安装node的时候会自动安装npm)
    • 虽然自动安装 npm 但是,npm比Node.js更频繁地更新,因此请确保您拥有最新版本
  2. nrm npm镜像地址控制
    • 作用:提供了一些最常用的NPM包镜像地址,能够让我们快速的切换安装包时候的服务器地址;
    • 什么是镜像:原来包刚一开始是只存在于国外的NPM服务器,但是由于网络原因,经常访问不到,这时候,我们可以在国内,创建一个和官网完全一样的NPM服务器,只不过,数据都是从人家那里拿过来的,除此之外,使用方式完全一样;
    • 注意: nrm 只是单纯的提供了几个常用的 下载包的 URL地址,并能够让我们在 这几个 地址之间,很方便的进行切换,但是,我们每次装包的时候,使用的 装包工具,都是 npm
  3. cnpm (注意:这里的cnpm 和 nrm内调整的cnpm地址完全不是一个东西)
    • 有时候即使用 nrm 切换为国内的镜像地址仍然觉得很慢就会想到 cnpm 使用和 npm 是一样的
    • cnpm和npm一样都是用来安装第三方包的

1.node/npm

安装 node

  1. Node下载官网
  2. 安装比较简单不详细说 按照自己的电脑配置下载包解压安装就可以
  3. 安装完后 node -v 出来版本号就是安装成功了
  4. npm -v 查看npm的版本 如果发现版本不是最新的请执行下面的操作 (如果是最新直接跳过看后面nrm的安装)

更新 npm 使用

  1. 安装指令

    1
    2
    3
    4
    5
        $ sudo npm install npm@latest -g // 全局安装 -g
    ```
    2. 如果你想用抢先版
    ``` bash
    $ sudo npm install npm@next -g
  2. 安装完就说一下使用

    • 在我们开发前要做一个初始化的json文件来记录加载我们的第三方包(执行命令后会出来一个json文件)

      1
      $ sudo npm init -y //init初始化  -y 直接跳过配置
    • 正式使用 npm 安装第三方插件

      • 例如安装一个jquery

        1
        $ sudo npm i jquery -S
      • 例如安装指定版本的 webpack 第三方插件

        1
        2
        $ sudo cnpm install webpack@3.12.0 -g   //全局安装webpack 3.12.0 版本 
        $ sudo cnpm install webpack@3.12.0 -D //项目本地安装webpack 3.12.0 版本
    • i 安装 ==== -S 添加到配置文件 ==== -g 全局安装 ==== -D 本地安装(只是安装在项目文件夹)

2.nrm

  1. 运行npm i nrm -g全局安装nrm包;

    1
    $ sudo npm i nrm -g
  2. 使用nrm ls查看当前所有可用的镜像源地址以及当前所使用的镜像源地址;

    1
    $ sudo npm ls
  3. 使用nrm use npm或nrm use taobao切换不同的镜像源地址;(国内一般都是用 cnpm 和 taobao)

    1
    $ sudo npm use taobao

3.cnpm

  1. 运行npm i cnpm -g全局安装nrm包;

    1
    $ sudo npm i cnpm -g
  2. cnpm 的版本查看与使用方法和npm完全一样 只是 npm 和 cnpm 之间一个c的区别其他完全一样

-------------本文结束感谢您的阅读-------------
0%