npm总结

NPM - Node Package Manager - Node 包管理器

NPM 是什么?

一般当我们说npm的时候可能指3件事

  1. NPM 网站:https://www.npmjs.com/
  2. NPM 包管理库,存储了大量的JavaScript代码库
  3. NPM 客户端,我们所使用的npm命令行工具。使用JavaScript开发的基于node.js的命令行工具,本身也是Node的一个包。

参考图片

在这里插入图片描述

NPM 官方解释:

  • npm is the package manager for JavaScript and the world’s largest software registry.

    • npm 是一个JavaScript包管理器,并且是世界上最大的软件登记处
  • discover packages of reusable code — and assemble them in powerful new ways.

    • 发现可重用代码,并集成代码包到项目中的全新的、强大方式
  • npm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to update the code that you’re sharing.

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

npm与 node.js

  • npm是Node.js默认的软件包管理系统。安装完毕node后,会默认安装好npm
  • npm本身也是基于Node.js开发的包(软件)

如何安装 NPM?

  • npm会随着Node.js自动安装,安装完毕node.js后会自动安装npm
  • 查看当前npm版本:npm -v
  • 更新npm:npm install npm@latest -g

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 全局安装指的是把包安装成了一个命令行工具。
      // 通过npm全局安装mime
      npm install mime -g
    
      //安装完毕后可以在命令行中直接使用
      mime a.txt 命令来查看对应的结果
  1. npm 全局安装实际做了2件事:
    1. 下载包到一个指定的目录C:\Users\username\AppData\Roaming\npm\node_modules
    2. 创建一段命令行执行的代码。C:\Users\username\AppData\Roaming\npm\mime -> C:\Users\steve xiaohu zhao\AppData\Roaming\npm\node_modules\mime\cli.js

NPM 安装建议

  1. 全局安装只是为了可以当做命令行使用而已

五、npm常用命令介绍

  1. install,安装包。npm install 包名
  2. uninstall,卸载包。·npm uninstall 包名`
  3. version,查看当前npm版本。npm version 或 npm -v
  4. init,创建一个package.json文件。npm init
  5. 注意:当使用 npm init -y 的时候,如果当前文件夹(目录)的名字比较怪(有大写、有中文等等)就会影响npm init -y 的一步生成操作,此时需要 npm init 根据向导来生成

“模块”(Modules)和"包"(Packages)的区别

  1. A module is any file or directory that can be loaded by Node.js’ require().
  • 模块可以是任何一个文件或目录(目录下可以有很多个文件),只要能被node.js通过require()即可。
  1. A package is a file or directory that is described by a package.json. This can happen in a bunch of different ways!
  • 包是一个文件或目录(目录下可以有多个文件)必须有一个package.json文件来描述,就可以是一个包。

node.js 错误调试:

  1. 当开启服务后,在浏览器中输入地址,如果出现浏览问题,首先要先看 服务器控制台是否报错。如果报错,直接根据服务器报错进行排错。
  2. 打开浏览器开发者工具中的 “网络” 部分,查看请求是否成功发出去了
  • 看一下请求报文是不是和我们想的一样
  • 响应状态码

package.json 文件

package.json 文件的作用?

  1. package.json 文件是一个包说明文件(项目描述文件),用来管理组织一个包(一个项目)
  2. package.json 文件是一个 json 格式的文件
  3. 位于当前项目的根目录下

元数据

package.json 文件中常见的项有哪些?

  • name
    • 包的名字
  • version
    • 包的版本
  • description
    • 包描述
  • author
    • 包的作者
  • main
    • 包的入口js文件,从main字段这里指定的那个js文件开始执行
  • dependencies
    • 当前包依赖的其他包

如何创建一个 package.json 文件

  1. 通过 npm init 命令 或者 npm init -y 或 npm init -yes 命令
  2. 手动创建一个

注意

  1. 通过 npm init -y 或 npm init -yes 创建 package.json 文件时,执行命令所在的目录接名称中不能包含大写字母
  2. package.json 文件中,项目名称本身不能包含大写字母
  3. npm 更新新版本后,项目所在的文件夹如果包含中文等特殊字符,创建的时候不会提示一步一步的输入,直接报错。

官方介绍

  1. package.json
  2. Using a package.json

更详细的总结可以看这篇:关于 npm 最详细的介绍

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值