npm包管理工具

作者: 深度剖析JavaScript | 来源:发表于2020-09-09 23:13 被阅读0次

npm全称叫Node包管理工具(Node Package Manager)
使用npm有两大好处
1. 统一的下载入口
2. 自动下载依赖

一、npm的安装

只需要安装nodejs,就自带了npm工具
nodejs的下载地址:https://nodejs.org/en/download/

下载安装好后,在命令行输入npm -v,如果安装成功会显示出npm的版本号

//npm的版本
npm -v
6.9.0
//也可以看node的版本
node -v
v10.16.0

npm安装成功后,可通过npm install npm@版本号命令,将npm升级到指定版本号,也可以通过@latest表示安装的版本是最近一个稳定版本;有的时候,我们想将软件安装在全局,在全局环境下,在任何一个目录输入此命令都能识别,这是可以通过添加-g标记,表示全局安装

npm install npm@latest -g

在项目中,通过npm init -y 初始化 npm;-y表示初始化npm的时候使用默认配置,不用再问我那一堆问题了

初始化后,会在当前目录生成一个package.json文件,文件里头其实就是标准的json对象,并且可以修改

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

输入安装命令时,install可以缩写成i

//比如安装jQuery
npm i jquery
//比如安装vue
npm i vue

npm收到要执行安装命令后,首先会先去看我npm有没有该插件,如果没有该名字的插件,会发出警告,如果发现有该插件,就会下载下来并安装到特定的目录node_modules

另外插件安装后,安装的插件所对应的信息也会写到package.json

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^4.3.1",
    "jquery": "^3.4.1",
    "vue": "^2.6.10"
  }
}

如果node_modeles被删除时,需要找回来所有依赖插件,可以根据package.json里面的信息,通过使用npm i命令,重新安装下载回来

npm i

注意后面什么都不用加,表示把所有库重新安装

另外有的时候可能需要删除指定名称的插件,可以用npm uninstall 插件名命令删除

//删除jQuery
npm uninstall jquery

注意用npm uninstall 插件名命令删除插件时,对应插件除了会在node_modules内被移除外,在package.jsondependencies内对应的依赖也会移除

另外,通过npm update 插件名称可更新插件版本

npm update jquery

如果要更新成旧的版本,可使用@指定版本号

npm update jquery@3.0.0

最后来详细了解package.json里的内容,即npm的常用配置项

  1. package name:包名称
    注意:包名中间不能有空格,并且必须要小写。
  2. version:包的版本号,默认是1.0.0
  3. description:包的描述,可以写也可以不写
  4. entry point:包的入口文件
  5. test command:命令
  6. git repository:git 仓库
  7. keywords:关键词
  8. author:作者

只要通过npm init初始化npm,就会生成这个json文件,其里面内容可以在初始化的时候配置也可以后面直接修改json文件

再说一嘴,json里面还有一项scripts,用于指定一些命令的快捷方式

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

如上,那我们可以运行上面定义的命令;一般我们也可以在这个script里面自定义一些命令,指定了什么命令就可以跑什么命令

 npm run test

以上就是npm的基本内容!

相关文章

  • 02-nmp包管理工具

    - Node.js包管理工具 npm :基于包的规范实现的一个包管理工具 - npm install 包名 当执行...

  • nrm:npm包管理工具

    一、简介:nrm(npm registry manager )是npm的镜像源管理工具,可以方便的更换npm的包源...

  • NodeJS - npm

    npm node package manager(node包管理工具)。 npm 是 Node.js 标准的软件包...

  • npm介绍

    npm简介 npm是node的包管理工具,定义明确就是用来管理node的包,包括安装,卸载,更新,发布等 npm命...

  • webpack运行配置(1)

    webpack特点 如何安装webpack 安装node.exe的同事会自动安装好npm 包管理工具 npm 包这...

  • npm 指令用法详解

    npm是基于common.js规范的包管理工具 -global 全局安装 简写 “-g”例: 查看npm包版本信...

  • 发布NPM包简易教程

    npm 1. 什么是npm npm是Node官方提供的包管理工具,它已经成了Node包的标准发布平台,用于Node...

  • 使用npm进行包管理

    npm 作为node的包管理工具,是Node开发中,经常使用的语句,常用包安装方法: npm install mo...

  • npm 应用基础

    1. 什么是 npm? npm 一开始是 node 的包管理工具,用于管理 packages (包) 或者也叫 m...

  • npm学习笔记

    1. npm 简介 npm :一个包管理工具 包/模块 :为了JavaScript编写人员 共享 他们为解决一些特...

网友评论

    本文标题:npm包管理工具

    本文链接:https://www.haomeiwen.com/subject/uywyektx.html