极简NPM指南与常用命令

分手后的思念是犯贱 2022-04-21 14:46 155阅读 0赞

![npm is the package manager for javascript][]

## 准备 ##

**npm** 全称是 **Node Package Manager**，是前端开发必备的开发工具之一，也是当前世界上流行的包管理和分发工具，能够让开发者轻松的下载、安装、上传和管理已经安装的插件。

值得一提的是，在安装 **NodeJS** 时会默认带有 **npm**，使用 `npm -v` 就可以查看当前使用的版本号，使用 `npm -l` 展示所有可用的命令信息。当遇见不懂的命令行时，推荐使用 `npm help <term>` 查看详情，通过这个命令会自动打开一个浏览器窗口显示命令介绍与参数设置，这点好评。  
![1240][]  
虽然每次安装 **NodeJS** 时都会带上 **npm**，但是 **npm** 会更加频繁的更新，所以通过 `npm install npm@latest -g` 来安装最新的稳定版本。  
项目  
安装好 **npm** 之后我们就可以新建一个 **npm** 的项目， 通过 `npm init` 来初始化 **package.json** 文件，之后会有各种选项让你填写，包括项目名称、版本号等等，如果觉得麻烦，可以通过 `npm init --yes` 自动填写默认的选项。下面是一些常用的配置项含义：

<table> 
 <thead> 
  <tr> 
   <th>一个普通标题</th> 
   <th>一个普通标题</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>name</td> 
   <td>项目名称，必填项</td> 
  </tr> 
  <tr> 
   <td>version</td> 
   <td>版本号，必填项</td> 
  </tr> 
  <tr> 
   <td>description</td> 
   <td>包的描述，会在 npm search 返回结果中显示，以帮助用户选择合适的包</td> 
  </tr> 
  <tr> 
   <td>main</td> 
   <td>入口文件</td> 
  </tr> 
  <tr> 
   <td>script</td> 
   <td>设置这个可以使 npm 调用命令脚本</td> 
  </tr> 
  <tr> 
   <td>keywords</td> 
   <td>包的关键信息，是一个字符串数组</td> 
  </tr> 
  <tr> 
   <td>author</td> 
   <td>作者的信息</td> 
  </tr> 
  <tr> 
   <td>license</td> 
   <td>包的对开源协议名称</td> 
  </tr> 
  <tr> 
   <td>repository</td> 
   <td>包的仓库信息</td> 
  </tr> 
  <tr> 
   <td>dependencies</td> 
   <td>指定依赖的其它包，项目发布后正常执行时所需要</td> 
  </tr> 
  <tr> 
   <td>devDependencies</td> 
   <td>开发时需要依赖的包</td> 
  </tr> 
 </tbody> 
</table>

创建好项目和初始化之后，就可以愉快的敲代码了。

一阵忙碌之后，就可以准备发布代码了，我们用 `npm author ls` 查看当前项目的所有所属用户，然后使用 `npm who am i` 查看当前登录的用户，如果还没登录，使用 `npm login` 登录注册的 **npm** 账号。终于可以发布代码了，敲 `npm publish` 即可发布包，使用 `npm view <package_name> versions` 查看 **npm** 服务器上所有的版本信息，然后快把你的作品分享给你的小伙伴吧。

## 安装 ##

**npm** 的安装方式分为全局和局部安装，全局安装使用 `npm install -g <package_name>`，我们常用的 **webpack** 就推荐使用全局安装的方式。局部安装就在目录下面 install 即可，这里有两个需要掌握的参数，就是 `--save` 和 `--save-dev`，前者的作用是在 package.json 中的 dependencies 字段增加或者修改一个安装包和版本号，后者则是修改 devDependencies，这样就方便了很多。推荐使用简写 -P 代表 `--save`,`-D` 代表 `--save-dev`。

## 更新 ##

经常更新包到最新版本有助于保持代码和工具的稳定性、可用性和安全性。更新 **npm** 的包是很轻松的事情，只需要到项目根目录下（包含 package.json 文件），执行 `npm update` 即可，之后使用 `npm outdated` 查看是否还有未更新的包。对于全局安装的包，可以敲 `npm outdated -g --depth=0` 来查看更新，确定要更新的包，使用 `npm update -g <package_name>` 就可以更新了。

## 其他 ##

我们看了这么多命令行，直观的感觉就是 **npm** 的命令非常的简洁与实用，比如 `npm uninstall <package_name>` 就是卸载对应的包，加个 `-g` 就是卸载全局中的包，使用 `--save` 参数卸载包和清除 package.json 中的内容。除此之外，`npm ls` 命令可以用来列出项目中所有安装的包。基本上常用的 npm 命令就介绍到这里了，掌握了这些命令之后就算得上入门了，更多的使用姿势和技巧可以阅读官方文档来获取。

[npm is the package manager for javascript]: /images/20220414/5383e4dac509437a994accd3c8d0b0d6.png
[1240]: /images/20220414/8e0c169fc4224d1ab29fd683d69e786a.png