我是靠谱客的博主 多情宝马,最近开发中收集的这篇文章主要介绍day04npm yarn pnpmnpm,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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 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所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(35)

评论列表共有 0 条评论

立即
投稿
返回
顶部