npm的安装与使用

导读:本篇文章讲解 npm的安装与使用,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

NPM-Node Package Manager -Node包管理器


一、NPM是什么?

NPM的构成组件

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

NPM官方解释

  • npm是一个JavaScript包管理器,并且是世界上最大的软件登记处。
  • 发现可重用代码,并集成代码包到项目中的全新的、强大方式。
  • npm让JavaScript开发者共享和重用代码变的更容易,同时也让我们更容易地更新正在被共享的代码。

二、npm与nonde.js

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

三、如何安装npm?

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

四、NPM使用

  1. https://www.npmjs.com/l网站找到需要的包
  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\lRoaming \npm\node_modules
    2.创建一段命令行执行的代码。c: \Userslusername\AppData\Roaming \npm\mime -> C:\Users\stevexiaohu zhao\AppData\Roaming \npminode_modules imime\cli.js

NPM安装建议

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

五、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 ofdifferent ways!
  • 包是一个文件或目录(目录下可以有多个文件)必须有一个package.json文件来描述,就可以是一个包。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由半码博客整理,本文链接:https://www.bmabk.com/index.php/post/83769.html

(0)
小半的头像小半

相关推荐

半码博客——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!