评论

收藏

[JavaScript] #yyds干货盘点#23.使用npm和yarn

开发技术 开发技术 发布于:2021-12-30 21:43 | 阅读数:434 | 评论:0

一、使用npm
安装淘宝镜像:提升国内访问npm速度

  • 全局安装:


  • npm install -gcnpm --registry=https://registry.npm.taobao.org
DSC0000.png

DSC0001.png


  • 该方法在全局安装了 cnpm 工具,使用方法完全同 npm


  • 下载安装依赖库时,使用 cnpm
  • 其它命令,建议仍使用 npm


  • package.json文件:NPM包管理配置文件


  • 使用 npm init 初始化 package.json 文件


  • main属性:当前node环境的入口程序文件
  • scripts属性:可用的npm命令行脚本命令
  • dependencies属性:当前应用程序需要使用的依赖库


  • npm install 命令 安装依赖关系


  • 安装 dependencies中声明的依赖库
//package.json
{
  "name": "ntest",
  "version": "1.0.0",  
  "description": "",
  "scripts": {
  "test": "echo"Error:
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
  "vue": "^2.5.17"
  }
}
二、使用yarn
yarn简介

  • yarn:Facebook, Google, Exponent 和 Tilde 开发的一款新的JavaScript 包管理工具,主要是为了解决npm安装依赖时无法保证速度的问题。
DSC0002.png

DSC0003.png

安装yarn

  • 下载安装文件https://www.yarnpkg.com/zh-Hans/docs/install#windows-stable
  • 安装方法:直接双击安装即可
  • 安装成功后,可以打开命令行,使用 yarn -v 查看当前yarn的版本
DSC0004.png

配置淘宝镜像

  • yarn config set registry https://registry.npm.taobao.org -g
DSC0005.png

yarn常用命令

  • yarn init:初始化项目,生成package.json文件
DSC0006.png


  • 初始化时,会提示编写各项属性,回车即为默认值。
//package.json
{
  "name": "L39",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "license": "MIT"
  "dependencies": {
  "vue": "^2.6.14"
  }  
}
yarn常用命令

  • yarn add 包名 :添加依赖包
  • yarn remove 包名 :移除依赖包
  • yarn :根据 package.json 安装全部依赖包,也可以使用 yarn install



关注下面的标签,发现更多相似文章