跳到主要内容

npm简介

在之前的介绍中我们已经安装了 Node.js,而 npm 是伴随着 Node.js 一起安装的包管理工具

你可以在 cmd 中输入 npm -v 来查看当前的 npm 版本

npm -v
8.5.5

包管理工具是什么?当然是管理包的了!

我们可以将包视为项目依赖的声明以及项目的基础信息介绍

这样每当项目转移到其他设备的时候,无需携带项目所需的依赖,直接在根据项目的包的依赖声明既可拉取所需的依赖,编译也可以直接读取包相关的信息做一些处理。

那就让我们了解一下如何使用吧!

初始化项目

在任意一个目录(推荐为英文)打开 cmd,输入npm init

填入对应的信息,就会在目录下生成一个 package.json 文件

提示

如果你不想填入对应信息,则可以使用 npm init -y(注意要是英文目录)

我们查看一下 package.json 的文件内容

{
"name": "pack", //代表输入的包名
"version": "1.0.0", //版本
"description": "", //描述
"main": "index.js", //该包的入口文件,如果使用require会自动引入该文件
// scripts是npm脚本,后续有机会我们会教大家怎么写简单的脚本命令
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "", //作者名
"license": "ISC" //开源许可
}

那么我们到目前为止就了解了基础的包的相关信息以及如何创建一个项目

接下来我们来看一下其他常见的操作吧

包管理命令

修改为国内淘宝源

因为不明原因导致世界线扭曲,所以需要修改源为国内淘宝源才可以正常使用

输入npm config set registry https://registry.npm.taobao.org既可修改下载源

修改后输入npm config get registry查看是否修改成功

如果想重置为官方源输入npm config set registry https://registry.npmjs.org/

安装模块

我们使用npm i module名来安装一个包

但是npm i分为两种,一种是npm install <模块名> --save,而另一种是npm install <模块名> --save-dev

PS:你也可以将install简写成i,如npm i <模块名> --save

两者的区别就是会在安装包后,将包放在dependencies或devDependencies目录

其中--save会放在dependencies,而--save-dev会放在devDependencies

dependencies表示是生产环境下也需要的依赖,devDependencies表示仅在开发环境下需要的依赖

如Jquery,在我们编译后的代码也需要,所以属于生产依赖。而代码风格校验工具等,在我们开发的时候才需要,在编译就不需要了,所以属于开发依赖。

实际情况下即使你写错了大部分情况还是没什么问题,但是推荐你严格按照标准来进行遵守 因为在你从github/npm来查找库的时候,会直接提供给你安装命令语句,直接赋值粘贴即可。

如果混用在大部分情况不会出现什么问题,但是在部分情况下可能会导致开发依赖混入最终的代码文件中从而导致代码的体积膨胀。