概述
npm
前言
npm => 网站 npm
npm(node package manager):node.js的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),npm是随node.js一起安装的包管理工具,能解决node.js代码部署上的很多问题,常见的使用场景有以下几种:
-
允许用户从npm服务器下载别人编写的第三方包到本地使用
-
允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用
-
允许用户将自己编写的包或命令程序上传到npm服务器供别人使用
-
npm
是一个包管理器,它让 javascript 开发者分享、复用代码更方便.在程序开发中我们常常需要依赖别人提供的框架,写js 也不例外。这些可以重复的框架代码被称作包(package)或者模块(module)
,一个包可以是一个文件夹里放着几个文件,同时有一个叫做package.json
的文件. -
一个网站里通常有几十甚至上百个
package
,分散在各处,通常会将这些包按照各自的功能进行划分(类似安卓开发中的划分子模块),但是如果重复造一些轮子,不如上传到一个公共平台,让更多的人一起使用、参与这个特定功能的模块。而npm
的作用就是让我们发布、下载一些JS轮子更加方便。 -
可以去官方网站: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 axios@1.1.1 ===> 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 包名
最后
以上就是多情宝马为你收集整理的day04npm yarn pnpmnpm的全部内容,希望文章能够帮你解决day04npm yarn pnpmnpm所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复