一.yarn

npm install -g yarn---安装yarn
yarn init--初始化项目
yarn install 包名---安装package.json里面的所有包
yarn add 包名  ----在当前项目添加一个依赖包,自动更新和创建package.json和yarn.lock
yarn remove 包名  --删除包
yarn add 包名 --dev ----添加开发时依赖
yarn upgrade 包名----更新包

二.npm( Node Package Manager)

简称为Node包管理工具

1.安装(首先我们需要安装Node)

1.Mac

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

brew install node

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

2.windows

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

2.使用

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

1.检查Node版本

npm --version
npm -v

2. 本地安装包

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

npm install <package_name>

3. 全局安装包

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

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

4. 检查

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

5. 更新

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

npm update

6. 卸载

->本地包(删除node_modules下面安装的本地包)

npm uninstall <package>

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

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

->全局包

npm uninstall <package> -g

7. 查看包的版本

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

8.清除缓存

npm cache clean --force

9.查看更改镜像源

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

3.package.json文件

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

1.一个package文件必需含有两个部分:

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

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

2.创建一个package文件

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

3. package 版本号前面有一个 符号

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

4.详细请了解官网文档

三.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 版本号

四.NRM (Node Registry Manager)Node 镜像源 管理工具

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

npm i nrm -g        //直接用npm进行全局安装

nrm ls        //查看所有的源,可以查找到当前的镜像源,如下所示

  npm -------- https://registry.npmjs.org/yarn ------- https://registry.yarnpkg.com/cnpm ------- http://r.cnpmjs.org/
* taobao ----- https://registry.npm.taobao.org/nj --------- https://registry.nodejitsu.com/npmMirror -- https://skimdb.npmjs.com/registry/edunpm ----- http://registry.enpmjs.org/cjf:~chenngjunfeng$

2.切换

nrm use npm
nrm use taobao 
nrm use yarn

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

3.测试

nrm test         //测试镜像源的响应时间

npm/yarn 安装和命令相关推荐

  1. node npm yarn安装使用错误(无法使用,显示报错,不是内部或外部命令,也不是可运行的程序或批处理文件。)

    node npm yarn安装后,无法正常使用,显示报错,不是内部或外部命令,也不是可运行的程序或批处理文件. 一.原因分析: 未正确安装 环境变量 配置不正确 注意: 通过npm install [ ...

  2. yarn 安装升级命令

    升级 yarn 升级指定版本 (例:升级到v1.22.10版本) yarn upgrade v1.22.10 npm yarn 安装/升级最新版本 npm install yarn@latest -g ...

  3. node+ npm + yarn 安装及上手

    node+ npm + yarn 前置条件 (32条消息) node.js安装详细教程_The-Fuir的博客-CSDN博客_node安装 安装 | Yarn 中文文档 Installation | ...

  4. npm yarn 安装 vue

    关于yarn vue-cli 安装 1.安装node 前往node官网下载node 然后安装. 安装完成后 node -V 查看node版本 npm -v 查看npm版本 2.安装淘宝镜 npm co ...

  5. Electron 下载失败 install fail npm yarn cnpm

    文章目录 失败案例 npm yarn 成功案例 cnpm 更奇怪的事 原因分析 npm/yarn尝试多次却失败,cnpm第一次尝试就安装成功 当 cnpm 安装成功一次后,再次使用 npm/yarn ...

  6. npm 全局安装 yarn、tsc、rimraf 不是内部或外部命令

    首先你电脑上安装node环境时,npm是包含在node环境里面,所以npm命令肯定是有效的 我们全局安装的 typescript 和 yarn 和 rimraf 其实都在npm目录的node_modu ...

  7. npm、pnpm和yarn使用(官网、安装、命令行、上传自己的包、包版本号详解、更新卸载包、查看所有版本、同等依赖peer、可选依赖optional)

    目录 npm 官网 npm install packageName npm i packagename@版本号 安装git上发布的包 npm ci 注意(对比npm i) npm outdated n ...

  8. 关于npm和yarn 安装vue脚手架

    第一篇博客有点小紧张.轻喷~ 第一步:安装node.js       地址 --------https://nodejs.org/en/ 详细步骤这里就不写了    可以去看     地址 ----- ...

  9. npm/yarn修改全局安装路径和缓存路径。。。

    前言 命令行界面打开方式 window + r -> cmd 建议 yarn 和 npm 的 全局安装位置 和 全局bin位置,最好设置在同一个盘符呢,这样 bin 目录中的 .cmd脚本文件中 ...

最新文章

  1. 24点游戏c语言链表做法,C语言实现24点程序(示例代码)
  2. 简单的form表单操作的几种写法
  3. 深入理解分布式技术 - 消息幂等性如何保障不重复消费
  4. Object_id用法
  5. 稳定的货源社区新版云乐购免费开源源码
  6. 【leetcode 简单】 第三十五题 环形链表
  7. c# 添加防火墙例外端口_C#添加删除防火墙例外(程序、端口)
  8. QT5开发及实例学习之一main()函数相关内容介绍
  9. 《设计模式详解》行为型模式 - 状态模式
  10. phantom.js - HTML To PDF
  11. Android的gradle提示Could not resolve com.android.support:support-v4:26+.
  12. 获取、导出微信所有表情
  13. 社交电商快速吸粉裂变模式-全新拼团模式
  14. 你是我的眼:水哥王昱珩带你重新打量这世界
  15. 什么是云桌面?云桌面的三大基本架构组成部分
  16. 春节快过腻了?不妨关心下太空探索
  17. 分段函数的期望和方差_题组25随机变量的分布列、期望与方差、正态分布
  18. android第三方开发包(十七)
  19. varchar和char的区别
  20. [转载]圣人的35个习惯

热门文章

  1. centos系统mysql数据库搭建教程
  2. 名字生成器 php,php生成器对象
  3. 西北大学Latex学位论文模板
  4. 国家自然科学基金成果填写经验
  5. LeetCode第 21 题:合并两个有序链表(C++)
  6. 多路信号发生器(74LS00和LM324)
  7. 缓解 WPF 应用程序中的空域问题
  8. 微信发展简史:微信成功的必然和偶然
  9. 5个步骤,教会企业如何整理有效的常见问题(FAQ)解答页面。运营必看!
  10. HCIP-5.4OSPF路由聚合、缺省路由