文章目录
  1. 1. node
    1. 1.1. node 版本升级
  2. 2. npm
    1. 2.1. 1.npm 版本升级
    2. 2.2. 2.基本使用
    3. 2.3. 3.npm 常用命令
    4. 2.4. 4. 切换淘宝源
    5. 2.5. 5.版本
    6. 2.6. 6.使用代理
      1. 2.6.0.1. 参考
  3. 2.7. 7.依赖版本升级
  4. 2.8. 8. npm 发包
  • 3. yarn
    1. 3.0.1. 参考链接
  • node

    node 版本升级

    mac 使用n模块来安装,windows 在原先安装 node 的目录再进行安装

    1
    2
    3
    4
    5
    npm install -g n --force

    n stable //升级到最新稳定版本
    n lastest // 升级到最新版本
    n 8.9.3 //升级到指定版本:

    npm

    本身为用来下载 node 的包的
    只是用它来下载一些包
    也可以用来下载前端的包

    1.npm 版本升级

    1
    npm i -g npm to update

    2.基本使用

    1. 打开 cmd,切换到项目所在文件夹

    2. 在 cmd 中输入命令: npm init ,会生成一个名为 package.json 的配置文件(省略设置配置信息 npm init -y

      这里会要求输入 name,这个 name 直接使用小写英文就可以,不要用中文,大写,或者特殊符号!

    name 值不要和我们要下载的包名一样

    1. 使用npm install 包名 来下载我们想要在在项目中使用的包
      注意这个包会下载到,当前 cmd 所在路径
      _是在 cmd 所在路径的 node_modules/包名 中_

    2. 指定版本号下载

    1
    npm install webpack@3.10.0 -g
    1. 开发依赖及运行依赖
    配置项 说明
    devDependencies 开发依赖,上线不需要
    dependencies 项目运行的依赖,上线依旧要使用
    --save / -S 配置信息写入dependencies
    --save–dev / -D 配置信息写入devDependencies
    npm i jquery -S 下载 jquery 并保存到 package.json 的开发依赖中
    1. 移除模块

    删除全局模块

    1
    npm uninstall -g <package>

    删除本地模块

    1
    2
    3
    4
    5
    npm uninstall 模块

    npm uninstall 模块:删除模块,但不删除模块留在package.json中的对应信息
    npm uninstall 模块 --save 删除模块,同时删除模块留在package.json中dependencies下的对应信息
    npm uninstall 模块 --save-dev 删除模块,同时删除模块留在package.json中devDependencies下的对应信息

    3.npm 常用命令

    命令说明 header 2
    npm init -y 省略项目初始化需要填写的信息
    npm config list 查看自己 npm 的配置信息
    script 执行命令 npm run 去执行这个命令。
    npm list -g –depth 0 查看已全局安装的依赖
    npm prefix -g 查看全局 node 模块的安装路径

    4. 切换淘宝源

    1
    2
    npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global

    还原 npm 官方仓库

    1
    npm config set registry=http://registry.npmjs.org

    5.版本

    官方计算版本范围

    range 含义
    ^2.2.1 指定的 MAJOR 版本号下, 所有更新的版本 匹配 2.2.3, 2.3.0; 不匹配 1.0.3, 3.0.1
    ~2.2.1 指定 MAJOR.MINOR 版本号下,所有更新的版本 匹配 2.2.3, 2.2.9 ; 不匹配 2.3.0, 2.4.5
    >=2.1 版本号大于或等于 2.1.0 匹配 2.1.2, 3.1
    <=2.2 版本号小于或等于 2.2 匹配 1.0.0, 2.2.1, 2.2.11
    1.0.0 - 2.0.0 版本号从 1.0.0 (含) 到 2.0.0 (含) 匹配 1.0.0, 1.3.4, 2.0.0

    任意两条规则,通过 || 连接起来,则表示两条规则的并集:

    如 ^2 >=2.3.1 || ^3 >3.2 可以匹配:

    1
    2
    3
    * `2.3.1`, `2,8.1`, `3.3.1`
    * 但不匹配 `1.0.0`, `2.2.0`, `3.1.0`, `4.0.0`
    PS: 除了这几种,还有如下更直观的表示版本号范围的写法:
    • * 或 x 匹配所有主版本
    • 1 或 1.x 匹配 主版本号为 1 的所有版本
    • 1.2 或 1.2.x 匹配 版本号为 1.2 开头的所有版本

    PPS: 在常规仅包含数字的版本号之外,semver 还允许在 MAJOR.MINOR.PATCH 后追加 - 后跟点号分隔的标签,作为预发布版本标签 - Prerelese Tags,通常被视为不稳定、不建议生产使用的版本。例如:

    • 1.0.0-alpha
    • 1.0.0-beta.1
    • 1.0.0-rc.3

    上表中我们最常见的是 ^1.8.11 这种格式的 range, 因为我们在使用 npm install 安装包时,npm 默认安装当前最新版本,例如 1.8.11, 然后在所安装的版本号前加^号, 将 ^1.8.11 写入 package.json 依赖配置,意味着可以匹配 1.8.11 以上,2.0.0 以下的所有版本。

    6.使用代理

    1. 给命令行统一设置代理 windows
    1
    2
    3
    4
    5
    $ set http_proxy=http://proxy.mysite.com:8080

    // 如果有要求用户名密码则输入:
    $ set http_proxy_user=< username >
    $ set http_proxy_pass=< password >
    1. npm 代理配置
    1
    2
    npm config set proxy=http://proxy3.bj.petrochina:8080
    npm config delete proxy // 取消
    参考

    7.依赖版本升级

    1. package.json 中会记录各个依赖的版本,如果想要更新依赖,可以使用 npm update,但是这样更新后,新版依赖的版本号在 package.json 中并不会作出相应的更新。使用下面的更新保存到配置文件中
    1
    2
    npm update -S
    npm update -D
    1. 其他方式

    npm 模块升级工具 npm-check,提供命令行下的图形界面,可以手动选择升级哪些模块

    8. npm 发包

    1
    2
    3
    4
    5
    npm config list # 本地配置需修改为官方的仓库
    npm config set registry=http://registry.npmjs.org # 还原为官方仓库
    npm login #登录

    npm unpublish --force #撤回已经发布的包(在 npm 包目录下)

    yarn

    1. 下载地址
    1. 配置淘宝镜像
    1
    yarn config set registry https://registry.npm.taobao.org -g
    1. 中文介绍说明
    1. 使用 yarn
    • 开始一个新工程
    1
    yarn init
    • 添加一个依赖
    1
    2
    3
    4
    5
    6
    7
    # dependencies
    yarn add [package]
    yarn add [package]@[version]
    yarn add [package]@[tag]

    # devDependencies
    yarn add redux-devtools-extension --dev
    • 全局安装
    1
    yarn global add webapck@3.10.0

    全局安装后仍然无法使用命令的话,需要添加环境变量配置

    1
    2
    # 获取bin目录,复制粘贴到系统变量里面
    yarn global bin

    更新一个依赖

    1
    2
    3
    yarn upgrade [package]
    yarn upgrade [package]@[version]
    yarn upgrade [package]@[tag]
    • 移除一个依赖
    1
    yarn remove [package]
    • 查看 yarn 全局安装路径
    1
    yarn global bin
    • 从全局移除一个依赖
    1
    yarn global remove @tarojs/cli
    • 全局更新至最新的版本
    1
    yarn global add  @tarojs/cli@latest
    • 查看全局安装的列表
    1
    yarn global list
    • node-sass 安装
    1
    2
    3
    4
    SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install # 首次安装所有依赖直接指向

    set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ # 先 set ,后 install
    npm install node-sass

    参考链接

    文章目录
    1. 1. node
      1. 1.1. node 版本升级
    2. 2. npm
      1. 2.1. 1.npm 版本升级
      2. 2.2. 2.基本使用
      3. 2.3. 3.npm 常用命令
      4. 2.4. 4. 切换淘宝源
      5. 2.5. 5.版本
      6. 2.6. 6.使用代理
        1. 2.6.0.1. 参考
    3. 2.7. 7.依赖版本升级
    4. 2.8. 8. npm 发包
  • 3. yarn
    1. 3.0.1. 参考链接