day04npm yarn pnpm

npm

前言

npm => 网站 npm

npm（node package manager）：node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），npm是随node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从npm服务器下载别人编写的第三方包到本地使用

• 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用

• 允许用户将自己编写的包或命令程序上传到npm服务器供别人使用

1. npm是一个包管理器，它让 javascript 开发者分享、复用代码更方便.在程序开发中我们常常需要依赖别人提供的框架，写js 也不例外。这些可以重复的框架代码被称作包(package)或者模块(module)，一个包可以是一个文件夹里放着几个文件，同时有一个叫做 package.json的文件.

2. 一个网站里通常有几十甚至上百个package，分散在各处，通常会将这些包按照各自的功能进行划分（类似安卓开发中的划分子模块)，但是如果重复造一些轮子，不如上传到一个公共平台，让更多的人一起使用、参与这个特定功能的模块。而npm 的作用就是让我们发布、下载一些JS轮子更加方便。

3. 可以去官方网站：https://www.npmjs.com/，浏览、搜索想要的轮子，也可以直接在命令行中 search一下。

进行管理

(一)、初始化 

命令：npm init

一键初始化命令：npm init -y 

注意：在使用一键初始化时，项目文件夹目录不能存在中文。

出现一个package.json文件，里面包含了所有的npm配置信息。

- 文件详情 obj对象
            {
                  "name": "summer",  //项目名称
                  "version": "1.0.0",  //版本
                  "description": "",   //项目的描述  
                  "main": "npm.js",    //入口文件
                  "scripts": {           //测试，启动位置
                    "test": "echo \"Error: no test specified\" && exit 1"
                  },
                  "author": "",   //作者
                  "license": "ISC"   //协议
             }

        - node_modules  存储第三方模块  npm install --save-dev lite-server
        - package-lock.json 锁定下载模块的版本所有依赖版本信息

(二)、项目环境

- 开发环境
        1.程序员还在为项目发愁写代码的时候 => (项目还没有完成，还在研发)
- 生产环境
        2.项目已经研发完成，已经成功上线（发布到网络，用户可以访问了）
- 放置位置的区别
        开发环境的包不会被压缩进项目=>项目研发完成之后该模块将不再需要
        =>打包(压缩将开发环境包丢弃)=>已达到整个减少项目大小的效果
        
        生产环境的模块(包)会压缩进项目=>打包=>无论是开发还是研发完成之后都需要使用到的包
        
    总结：项目上线之后不需要进行使用的包放置在开发环境, 项目上线之后还需要进行使用的包放置在生产环境
        比如:npm i chalk -D || npm i axios -S
        chalk：在终端中设置输出样式;项目上线后完全用不到,只是在开发过程中进行辅助开发,可以放置开发环境
        axios: 无论开发还是项目上线之后都会发起网络请求,放置生产环境

(三)、npm下载模块

npm insatll 模块名 简写 npm i 模块名
npm i axios -D === -D 开发环境 devDependencies
npm i axios    === 默认就是生产环境 Dependencies
npm i axios -S === -S 生产环境 Dependencies
        
---save 简写 -S ===生产环境

---save -dev 简写 -D === 开发环境 devDependencies

(四)、npm模块卸载

npm uninstall 模块名  

简写： npm un 模块名

(五)、指定模块 版本的下载

npm i [email protected]  ===>  npm i 模块名@版本号

(六)、模块更新

npm update axios   ===> npm update axios

这个命令貌似不起作用，建议直接删除想要更新的模块，然后直接利用npm i 模块名@版本号下载更新。

(七)、换源

npm官网是国外的网址    =》下载的时候有时会比较慢，甚至很卡
cnpm => 淘宝源（数据放在国内，下载速度更快）
npm源
https://registry.npm.taobao.org  淘宝源cnpm
https://registry.npmjs.org/      npm源

获取源信息 =>  npm get  registry 
设置源信息  => npm set  registry 包管理器下载源

(七)、全局安装

npm i 包管理器 -g（全局安装）
全局安装完成之后,该电脑上任何位置都可以进行使用该模块

推荐安装包：

nodemon模块 保存之后--自动重新启动node
    下载：npm i nodemon -g
    启动：nodemon 文件名.js

yarn

安装：npm i -g yarn

(一)、初始化

yarn init

(二)、下载

yarn add 包名（模块名）=》默认生产环境
yarn add 包名（模块名）---dev=》开发环境
yarn add 包名@1.1.1 =》下载指定版本

(三)、删除

yarn remove 包名

(四)、更新

yarn upgrade 包名

(五)、根据依赖项进行自动安装

yarn

如果项目文件夹中，moudle文件夹已经被删除，但包含配置信息的json文件还存在，可以直接利用yarn将依赖环境恢复。

(六)、换源

https://registry.npm.taobao.org  淘宝源cnpm
https://registry.npmjs.org/      npm源
两者没有本质的区别，只是下载速度的区别
获取源信息 =》 yarn config get registry
设置源信息 =》 yarn config set registry 包管理器

注意！

如果是第一次使用yarn，在安装完yarn后，一定要以管理员的身份打开powershell，不然无法查看yarn的版本
输入：set-ExecutionPolicy RemoteSigned（选择Y或者A）

 pnpm

pnpm介绍: 节约磁盘空间并提升安装速度,使用的是国内的源(近,下载快) 电脑的node需要进行跟上。

(一)、安装

npm i -g pnpm

pnpm -v
pnpm-lock.yaml 锁定版本信息

(二)、初始化

pmpm init

(三)、下载

pnpm i 包名 || pnpm add 包名 =》默认生产环境
pnpm i 包名 -D  =>开发环境
pnpm i 包名@版本号

(四)、删除

pnpm un 包名 || pnpm remove 包名

(五)、更新

pnpm up 包名