包管理工具

  1. 包管理工具
    1. 一、介绍
    2. 二、npm
    3. 三、cnpm
    4. 四、yarn
    5. 五、包发布
    6. 六、nvm

包管理工具

一、介绍

  • 包:一组特定功能的源码集合
  • 包管理工具:可以对包进行下载,更新,上传,删除等操作
  • 常见的包管理工具:npm,cnpm,yarn

二、npm

  • 概念:node.js官方内置的包管理工具 - node package manage
  • 安装:安装 node.js 之后可以直接使用npm
  • 配置淘宝镜像:
    • 直接配置
    npm config set registry https://registry.npmmirror.com/
    
    • 工具配置(推荐使用)
    // 1.安装nrm(npm registry manager)
    npm i -g nrm
    // 2.修改镜像
    nrm use taobao
    // 3.查看是否成功
    npm config list
    
  • 项目使用:
    • 初始化:npm init //将文件夹初始化成一个包,npm init -y 极速创建
    • 搜索包:npmjs
    • 安装包:
      • npm install <包名>
      • npm install <报名@版本号>
      • npm i -g nodemon
    • 删除依赖:
      • npm remove uniq
      • npm remove -g nodemon
    • 配置命令别名:
      "scripts": {
          "server": "node server.js",
          "start": "node index.js"
      }
      
      npm run server
      npm run start // npm start
      
  • 相关概念:
    • 环境区分:
      • 生产依赖:包信息保存在package.json中的dependencies中(如:npm i -S uniq)
      • 开发依赖:包信息保存在package.json中的devDependencies中(如:npm i -D less)
    • 安装方式:
      • 局部安装:项目中使用的
      • 全局安装:全局类的工具
        • 查看安装包:npm root -g
        • 示例:npm i -g nodemon
    • require导入npm包流程:
      • 在当前文件夹下node_modules中寻找同名的文件夹
      • 在上级目录下的node_modules中寻找同名的文件夹,直到磁盘根目录
    • 文件介绍:
      • node_module:存放下载的包
      • package-lock.json:锁定包的版本
  • 注意事项:
    • windows 默认不允许npm全局命令执行脚本,所以需要修改执行策略
    // 1.以管理员身份打开powershell命令行
    // 2.输入命令
    Set-ExecutionPolicy RemoteSigned
    // 3.输入A回车
    // 4.重启vsCode
    

三、cnpm

  • 介绍:淘宝构建的npmjs.com的完整镜像
  • 优点:服务器部署在国内,可以提高包的下载速度
  • 使用:
// 安装
npm install -g cnpm --registry=https://registry.npmmirror.com
// 使用(操作命令与npm大体相同)
cnpm i -g nodemon

四、yarn

  • 介绍:facebook推出的js包管理工具
  • 优点:速度快,超级安全,超级可靠
  • 配置淘宝镜像
// 安装
yarn config set registry https://registry.npmmirror.com
// 查看
yarn config list
  • 使用:
    • 安装: npm i -g yarn
    • 使用示例:
    yarn init
    yarn add uniq
    yarn global add nodemon
    yarn remove uniq
    yarn <别名> // 不需要添加run
    
  • 注意:
    • yarn全局安装包不可用(需手动配置全局变量),全局安装包位置通过yarn global bin查看
    • npm和yarn选择:根据项目package-lock.json,yarn.lock文件判断使用哪一个

五、包发布

  • 介绍:自身开发工具包发布到npm服务上
  • 步骤:
    • 1.开发好工具包(包信息等填写)
    • 2.注册 账号
    • 3.激活账号
    • 4.修改为官方镜像(nrm use npm)
    • 5.填写用户信息:npm login
    • 6.提交包:npm publish
    • 其他
      • 更新包
        • 1.更新代码
        • 2.修改package.json版本号
        • 3.发布:npm publish
      • 删除包(有条件限制)
        • npm unpublish

六、nvm

  • 作用:node的版本管理工具
  • 使用步骤:
    • 卸载原有版本node(卸载软件),删除对应的环境变量(关于node相关)
    • 重置npm全局路径:重点:如果之前设置过全局路径,不重置还会下载到之前路径
        npm config set prefix "D:\software\nodejs"
        npm config delete cache
      
    • 下载:nvm-github / nvm
    • 解压运行:Assets -> nvm-setup.zip -> 解压运行
    • 安装路径:
      • [nvm路径]:D:\software\nvm
      • [node安装路径]:D:\software\nodejs
    • nvm切换镜像源(解决下载速度慢的问题)
        // D:\software\nvm\settings.txt 添加
        node_mirror: https://npmmirror.com/mirrors/node/
        npm_mirror: https://npmmirror.com/mirrors/npm/
      
    • nvm常用命令
      * 安装:nvm install 22.12.0   nvm install 16.19.1   
      * 卸载:nvm uninstall 22.12.0
      * 使用:nvm use 22.12.0
      * 版本查看:nvm list
      * 当前查看:nvm current
      * 可用版本查看:nvm list available
      * 帮助文档:nvm help
      * 查看npm全局安装路径:npm config get prefix
      * 设置全局安装路径:npm config set prefix "D:\software\nodejs"
      * 清除npm缓存:npm cache clean --force
    
  • 注意事项:
    • 使用nvm之前需要先卸载node及相关环境配置
    • 如果已有node且已经指定好下载路径,需要重置npm全局路径
    • 如果之前无node,则无需全程使用无需环境配置
    • -g全局安装会跟着node版本走,切换版本后如果没-g安装会无法使用
×

喜欢就点赞,疼爱就打赏