npm入门–web小学一年级基础课程

封面动物

前语

• 为今后写其他文章，笔记，供给独立的辅佐阐明
• 回忆总结已知常识点

• 通俗, 7 | z : } { `易懂的由浅入深的解说npm
• 内容要生动风趣！
• 内容要生动风趣！
• 内容要生动风趣！

开端闲白儿

Node.+ d ojs和npm装置与答疑解惑

juejin.im/post/5ee5f / G )e2…

正式开端

• 网站 –是开发者查找包（package）、设置参数以及办理 npm 运用体会的首要途径。
• 注册表 –是一个巨/ i F y大的数据库，保存了每个包（package）的信息。
• 指令行东西 (CLI)–CLI 经过指令行或终端运转。开发者经过 CLI 与 npm 打交道。

npm -v

装置第一个包

开端鼓励方案

npm install <packag& h V U W 5e_name>

Lodash
是一个一致性、模块化、高性能的 JavaScript 实用= j R东西库。
官网地址：www.lodashjs.com/

npm i_ E ;nstall lodash

// index.js //此处的require是引证lodash包的意思
var lodash =require('lodash');
var outputv O N + H } =lodash.chunk([m | P'a', 'b', 'c', 'd'], 2);
console.log(output);// => [['a', 'b'], ['c', 'd']]

node index.js

新增的node_mQ ~ ) N G e +odules和package-lock.json必需求姓名！

npm init

This utility wilg D t pl walk you through creating a package.json file
这个实用程序将引导您创立package.json文件。
It only covers the most common items, and tries to, : T E ^ E guess sensible defaults.
它只覆盖最常见的项目，并试图猜想合理的默– z V l B许值。
See `npm help json` for definitive documentation on th A @ l B rese fields and exactl; @ U – Ky what they do.
请参阅“npm-help-json”，以获取有关这些字段的最终文档以及它们的具体操作。
Use `npm install <pkg>` afterwards to install aM Q W & l p + 5 package and save it aE 0 $ x d ns a dependency in the package.json file.
然6 5 4 R R y i 4后运用“np) Z 6 L ^ fm install<pkg>”装置包并将其作为依靠项保存在package.json文件中。
Press ^C at any time to quit. CTRLQ a } ? V d 1+C键退出

运用package.json

• 列出项目所依靠的包。
• 项意图装备信息（比. j t方称号、版别、许可证等元数据）
• 答应您运用语义版别操控规矩指定项目能够运用的包的版别。（语义版别：semver.org/lang/zh-! y T R v 5 zCN/）
• 使您的构建可重现，因而更简单与其他开发人员同享。

npm init --yes #U 4 6 6 o或许 npz P W _ g zm} - : ? M i init --y

npm install lodash --save

npm install jquery --save-dev

• “dependencies”：您的应用程序在出产中需求这些包。
• “devDependencies”：这些包仅用于开发和测验。7 8 S x V # J u

npm in* k $ o rstall <package_name> --save

npm install <package_name> --saz I # r I Vve-dev

Package.j; i C o 0son 中的的字段特点

dependencies

• version有必要version彻底匹配
• >version 有必要大于 version
• >=version 等等
• <version
• <=version
• ~version疏忽中+ o _ ] H :版别，主动晋级小版别。
• ^versi ; r I #on“兼容版别” 疏忽大版别z H ` M，主动晋级中，小版别。
• 1.2.x 1.2.0,1.2.1等，但不是1.3.0
• http://..(url) 能够指定tarball URL来替代版别规模，将在装置时下载j ) { % c A并装置在您的软件包本地。
• * 匹配任何版别
• “” （仅仅一个空字符串p 9 [）与…相同 *
• version1 – version2与…相同>=version1/ a – ^ ^ N & v ] <=version2。
• rangA k Z : | 3 Q ue1 || range2 假如满足ran4 F h O C : Oge1或range2则经过。
• git… Git URL作为依靠项
• path/path/path 标准化的本地相对路径

devDependencies

name

• 称号有必要小于或等于214个字符。这包含规模包的规模。
• 称号不能以点或下划线最初。
• 称号不能含有大写字母。
• 该称号最终成为URL的一部分，指令e h q . R 0 x行上的参数和文件夹称号。因而，称号不能包含任何非URL安全字符。（汉字2 U * V就别想了）

• 请勿运用与核心节点模块相同的1 @ ! % U I A 称号。
• 不要在称号中加上“js”或“k u 6 / ( 0 node”。
• 该称号或许作为参数传递给require（），因而它应该是简略的，但也是合理描绘的。
• 起Y d E z ; X 2 E名的时分能够先检查www.npmjs.com/ 是否L Q ,有命名重复。

des : 4 { rcription

keywords

ho7 K T # Cmepage

bugs

"bugs": {"! 4 D j o F y [url": "地址","emF + 1 Y }ail": "邮箱地址"F _ Z e }

license

author & contrib/ ^ k K t Z h _utors

{   "name": "Barney Rubble",
"c $ V #  $ S cemail": "b] O V Q 9 h C i ]@rubble.com",
"url" : "http:S $ { _//barnyrubblei , 5 h 4 N }.tumblr.com/"
}

"Barney Rubble <b@rubble.com> (http://barnyrubx T . 9 . r W Rble.tumblr.com/)" 

main

scripts

• 列2 6 f出项目所依靠的包。
• 项意图装备信息（比方称号、版别、许可证等元数据）
• 答应您运用语义版别操控规矩指定项目能够运用的包的版别。（语义~ 6 8 R ?版别：semver.org/lang/zh-CN/）
• 使您的构建可重现，因而更简单与其他开发人员同享。

终于比及的package-lock.json

早就猜到H t D d 3 / p N %身份的node_modules

常识点总结

1. npx # P P M F Wm全称为Node Package Manager，是一个依据Node.js的包办理器，也是整个Node.js社区最流行、支撑的第三方模块最多的包办理器。由三c L M ] * .个独立的部分组成：

• 网站 –是开发者查找包（package）、设置参数以及办理 npm 运用体会的首要途径。
• 注册表 –是一个巨大的数据库，保存了每个包（package）的信息。
• 指令行东西 (CLI)–CLI 经过指令行或终端运转。开发者经过 CLI 与 npm 打交道。

1. npm经过package.json办理本地装置的npm package，其效果：

• 列出项目所依靠的包。
• 项意图装备d _ K E信息（比方称号、版别、许可证等元数据）
• 答应您运用语义版别操M w b ? Z ~ } * c控规矩指定项目能够运用的包的版别。
• 使您的构建可重现，因而更简单与其他开发人员同享。

1. 创立package.json文件有两种办法：
2. npm init 指令，它会有一个指令行的引导程序，引导你创立package.z L x Z z 5 q ojson。
3. npm init –yeo | D Ms 或 npm init –y 指令，直接创立一个默许的package.json。

1. pack[ Y P } _age.json增加依靠! ` q V 6项的办法是从指令行npm install履行此操Y X 1 2 E P作，运用–save或 –save-dev取决于：

• “dependencies”：您的应用* ~ | A * 6 J l [程序在出产中需求这些包–npm install <package_na3 _ tme> –save
• “devDependencies”：这些包仅用B 6 d g |于j ! { y 9开发和测验–npm install <package_name> –save-dev

1. package-lock.json确定一切模块的版别号，包含主模块和一切依, H q k +靠子模块，由于npm在履行install指令时会依据package.json主动更新依靠包确定版号之后，才不会主动更新，确保能够装置彻底相同的依靠联系。
2. npm install <package_name> 装置某个包的指令
3. npm uninstal% f r = L ?l <package_name> 卸载某个包的指令

喜闻乐见的问答环I M a Y t Z K d节

常识点没了吗？

我也不能一直在node里运p z y转引进的包吧？

这就没了？感觉npm没有幻想的巨大上呢？

还有什么问q e k R H题？

结语

• 为今N 9 0 / J @ C .后写其他文章，笔记，g ! Z I d % 供给独立的辅佐阐明（√）
• 回忆总结已知常识点（√）

• 通俗易懂的由浅入深的解说npm（√）
• 内容要生动风趣！（）
• 内容要生动风趣！（）
• 内容要生动风趣！（）