npm 介绍|学习笔记

简介: 快速学习 npm 介绍

开发者学堂课程【Node.js 入门与实战npm 介绍】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8269


npm 介绍


目录:

一、NPM 概念

二、NPM 与 node.js

三、安装 NPM

四、NPM 使用

五、NPM 全局安装结束

六、NPM 常用命令介绍

 

一、NPM 介绍

Npm 全称 Node Package Manager-Node 包管理器

[npm 官方网站](http://www.npmjs.com/)

[npm 官方文档](http://docs.npmjs.com/)

1. NPM概念

npm全称Node Package Manager,它是JavaScript的包管理工具,并且是Node.js平台的默认包管理工具。通过npm可以安装、共享、分发代码,管理项目依赖关系。

(Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言)

2.NPM图解

(1) NPM网站: https://www.npmjs.com/

(2) NPM包管理库,存储了大量的JavaScript代码库

(3)NPM客户端,我们所使用的npm命令行工具。使用JavaSript开发的基于node.js的命令行工具,本身也是Node的一个包。

image.png

NPM网站

NPM 代码仓库,保存了很多代码

NPM 客户端,执行npm命令

Npm 客服端与网站和代码仓库之间的关系

image.png

通过 npm 客户端下载代码,即可使用

3.NPM 官方解释

1. Npmis  the package manager for JavaScript and the  world's largest software registry.

2. npm 是一个 JavaScript 包管理器,并且是世界上最大的软件登记处

2.discover packages of reusable code - and assemble them in powerful new ways.

发现可重用代码,并集成代码包到项目中的全新的、强大方式

3.npm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to updatethe code that you're sharing.

npm让JavaScript 开发者共享和重用代码变的更容易,同时也让我们更容易地更新正在被共享的代码

 

二、npm 与 node.js

npm 是 Node.js 默认的软件包管理系统。安装完毕 node 后,会默认安装好 npm

npm 本身也是基于 Node.js 开发的包(软件)


三、安装 NPM

npm 会随着 Node.js 自动安装,安装完毕 node.Jjs 后会自动安装 npm

查看当前 npm 版本:

npm-v

更新 npm:

npm:npm install npmelatest-g

npm 更新比 node.js 更快,可以不更新 js,独立更新 npm

 

四、NPM使用

1.在https://www.npmjs.com/网站找到需要的包

2.在项目的根目录下,执行 npm install 包名称安装

3.在 node.js 代码中通过 require(“包名”);加载该模块

4.注意:通过 npm install 包名安装的包,会自动下载到当前目录下的

[node_modules]目录下,如果该目录不存在,则创建,如果已存在则直接下载进去。

5.在代码中通过 require(“包名”);加载该模块

---上面说的这种方式叫做本地安装。

 

五、NPM 全局安装介绍

1.什么是 npm 全局安装?

npm install 包名-g npm全局安装指的是把包安装成了-个命令行工具。

//通过npn全局安装mime

Npm install mime -g

//安装完毕后可以在命令行中直接使用

mime a.txt 命令来查看对应的结果

npm 全局安装实际做了2件事

1.下载包到一个指定的目录

C:\Users\username\AppData\Roaming\npm\node_modules

2.创建一段命令行执行的代码

C:\Users\username\AppData\Roaming\npm\mime->C:\Users\stevexiaohu zhao\AppData\Roaming\npm\node_modules\mime\c1i.js


六、npm 常用命令介绍

1.install,安装包。npm install包名

2.uninstall,卸载包。.npm uninstall包名、

3.version,查看当前 npm版本。npm version 或npm-v

4.init,创建一个 packagejson 文件。npm init

5.注意:当使用npm init-y 的时候,如果当前文件夹(目录)的名字比较怪(有大写、有中文等等)就会影响npm init-y的一步生成操作,此时需要npm init根据向导来生成

npm help:查看帮助命令

npm view moudleName dependencies:查看包的依赖关系

npm view moduleName repository.url:查看包的源文件地址

npm view moduleName engines:查看包所依赖的Node的版本

npm help folders:查看 npm 使用的所有文件夹

npm rebuild moduleName:用于更改包内容后进行重建

npm outdated:检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新

npm update moduleName:更新 node 模块

npm uninstall moudleName:卸载 node 模块

访问 npm 的 json 文件夹:
$ npm help json :此命令会以默认的方式打开一个网页,如果更改了默认打开程序则可能不会以网页的形式打开。

$ npm search packageName:检验某个包名是否已存在

npm init:引导创建一个 package.json 文件,包括名称、版本、作者这些信息等

npm root:查看当前包的安装路径,-g 查看全局的包的安装路径

相关文章
|
7月前
|
缓存 JavaScript 前端开发
《Webpack5 核心原理与应用实践》学习笔记-> 构建npm包
《Webpack5 核心原理与应用实践》学习笔记-> 构建npm包
102 0
|
JavaScript
Node.js学习笔记----npm与包
Node.js学习笔记----npm与包
|
前端开发
java202304java学习笔记第四十九天-新增-前端npm install 出错
java202304java学习笔记第四十九天-新增-前端npm install 出错
77 0
|
缓存 资源调度 监控
GIAC-2022sh 学习笔记 | 蚂蚁集团-吴珂-一种极速安装 npm 依赖的方式
GIAC-2022sh 学习笔记 | 蚂蚁集团-吴珂-一种极速安装 npm 依赖的方式
168 0
GIAC-2022sh 学习笔记 | 蚂蚁集团-吴珂-一种极速安装 npm 依赖的方式
|
JavaScript Windows 内存技术
Node.js学习笔记 认识Node.js以及npm使用(二)
Node.js学习笔记 认识Node.js以及npm使用(二)
Node.js学习笔记 认识Node.js以及npm使用(二)
|
Web App开发 JavaScript 前端开发
Node.js学习笔记 认识Node.js以及npm使用(一)
Node.js学习笔记 认识Node.js以及npm使用(一)
Node.js学习笔记 认识Node.js以及npm使用(一)
|
JSON JavaScript 前端开发
前端技术-npm 包管理工具 | 学习笔记
简介:快速学习前端技术-npm 包管理工具
166 0
|
JSON 前端开发 JavaScript
关于 webpack 和 npm 中几个问题的说明| 学习笔记
快速学习关于 webpack 和 npm 中几个问题的说明
|
JavaScript 开发工具 数据安全/隐私保护
Node.js学习笔记(二、NPM 使用)
Node.js学习笔记(二、NPM 使用)
125 0
Node.js学习笔记(二、NPM 使用)