npm下载和使用（超详细）

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

1. NPM （ Node Package Manager）

   简称为Node包管理工具

   1. 安装（首先我们需要安装Node）

      • Mac

        如果没有安装Node可以使用mac的包管理神器HomeBrew进行安装，首先下载HomeBrew，接下来在终端执行以下命令

        brew install node
        

        Jetbrains全家桶1年46，售后保障稳定

        也可以选择去官网下载pkg安装包，记得下载长期稳定版，即LTS版

      • windows

        可以在官网中选择windows相对应的版本，同样下载稳定版本，一步点击安装即可

   2. 使用

      当下载好Node后我们就可以使用npm命令进行包的管理，接下来打开终端：

      • 检查Node版本

        npm --version
        npm -v
        

      

      • 本地安装包

        如果你想让你的模块依赖某一个包，并且通过require加载进来那么你需要安装一个本地包，供你当前的项目依赖，又称作项目运行的依赖

        npm install <package_name>
        

      • 全局安装包

        如果你想将安装的包，作为命令提示行的命令符，那你需要全局安装该包，比如说gulp工具

        npm install <package_name> -g
        npm install <package_name> --global //两者均可
        

      • 检查

        安装之后，在安装的根目录下会出现一个node_modules的文件夹，你面的bin目录下会存放你安装的本地包，假如我们安装了jquery那么node_modules下会出现一个jquery的文件夹，这就说明我们安装成功了

      • 更新

        在package.json所在的的根目录下执行

        npm update
        

      • 卸载

        ->本地包（删除node_modules下面安装的本地包）

        npm uninstall <package>
        

        如果我们需要将package.json记录的安装包版本信息一同删除的话，执行

        npm uninstall <package> --save 
        //如果我们要删除开发依赖包
        npm uninstall <package> --save-dev 
        

        ->全局包

        npm uninstall <package> -g
        

      • 查看包的版本

        npm view jquery versions
        npm install jquery@1 -S //安装开头为1的最新版本
        npm install jquery@1.11 -S //安装开头为1.11的最新版本
        npm install jquery -S //最新版本
        

      • 清除缓存

        npm cache clean --force
        

      • 查看更改镜像源

        //查看当前镜像源
        npm config get registry
         //更改镜像源
        npm config set registry https://registry.npmjs.org/
        

   3. Package.json文件

      我们可以利用package.json文件管理记录本地安装包的信息，便于协作开发，当其他开发者拿到你的项目时只用执行 npm install 命令 ，就可以将各种包下载到本地，非常便利。

      • 一个package文件必需含有两个部分：

        1. ‘name’: 可以小写，只有一个单词，没有空格，可以使用破折号和下划线
        2. ‘version’: 必须以X.X.X的形式填写版本号

        { 
                 
          "name": "my-awesome-package",
          "version": "1.0.0"
        }
        

      • 创建一个package文件

        npm init 
        npm init -y
        npm init --yes 默认值
        

      • package 版本号前面有一个 符号

        1. ^ 表示这个配置只锁定主版本号 告诉npm 只取得版本号是1 后面取得最新版本，不管后面写什么
        2. ～ 锁定主版本号 和 次版本号
        3. 没有符号 就是三位全部锁定 必须是这个版本
        4. ✳ 表示最新版本

      • 详细请了解官网文档

2. NVM（Node Version Manager） Node版本管理工具

   利用NVM我们可以实现Node版本的切换，因为不同的Node版本之间可能存在差异，我们进行项目开发可能会经常切换使用我们的Node版本,NVM可以运行在任何shell中。

   1. 安装

      -> Mac

      curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
      

      这个仓库会克隆到我们本地路径下的 .nvm文件夹中，安装之后我们需要配置环境变量，根据你使用的shell找到对应的资源文件（~/.bash_profile,~/.zshrc,~/.profile, or~/.bashrc），将以下配置添加到你的配置文件中

      export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
      [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
      

      ->windows

      请见Githup文档

   2. 使用NVM

      • 查看使用说明

        nvm -h
        nvm --help 
        

      • 查看Node版本

        nvm ls
        

      • 切换Node版本

        nvm use 版本号
        

      • 设置默认Node版本

        nvm alias default 版本号
        

3. NRM （Node Registry Manager）Node 镜像源 管理工具

   npm默认下载的镜像源是国外的官方网站，这导致国内的下载速度过慢，为了解决下载速度过慢的问题，淘宝搭建了淘宝npm国内镜像服务器，每隔一段时间就会同步国外官网的包，所以极大的提高了我们的下载速率，提升了开发效率，我们可以使用淘宝的镜像服务器去下载我们所需要的包，当然不止淘宝，还有很多镜像源供我们选择，这就需要大家自己去学习了。

   1. 下载

      我们可以直接用npm进行全局安装

      npm i nrm -g
      

      下载后执行以下命令，查看所有的源

      nrm ls
      

      如图所示：

   

   我们可以查找到当前的镜像源

   2. 切换

      nrm use npm
      nrm use taobao 
      nrm use yarn
      

      切换后我们可以检查一下我们是否切换成功

   3. 测试

      可以通过以下命令来测试我们的镜像源的响应时间

      nrm test 
      

      大功告成，可以开心的使用了^_