npm 使用 packge.json

package.json 最重要的作用就是管理项目依赖，依赖分为项目依赖和开发依赖，它里面有一个 dependencies 字段，这里的东西就是我们的项目依赖的一些包。

下面还有一个 devDependencies ，这里会包含开发项目的时候需要的一些包。

有了 package.json 以后，在为项目安装包的时候，可以把安装的包保存到 package.json 文件里的 dependencies 或者 devDependencies 里面，这样做可以更容易跟别人分享我们做的项目。

1. 添加项目依赖

添加项目依赖可以使用 带有 --save 参数的命令：

npm install jquery --save

注意：默认添加的是项目依赖会在dependencies字段里面。

2. 添加开发依赖

添加开发依赖可以使用 带有 --save-dev 参数的命令：

npm install babel-cli --save-dev

下面是我们执行以上命令后的package.json配置文件。

{
  "name": "xxkt",
  "version": "1.0.0",
  "description": "编程教程 npm 教程",
  "main": "index.js",
  "dependencies": {
    "jquery": "^3.3.1",
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "编程教程",
    "npm"
  ],
  "author": "编程教程",
  "license": "ISC"
}

3. 重新生成项目依赖

查看一下 package.json,在它的 devDependencies 里面会包含 babel-cli 这个包，

在跟别人分享你的项目的时候，你可以删除掉项目里的 node_modules 目录。别人得到你的项目以后，进入到项目的目录的下面，输入 npm install ，这个命令会根据 package.json 文件里的描述，去为项目安装依赖的东西。

npm install

下面我们先删除掉 node_modules 目录，再执行一下 npm list ，会提示没有安装的项目的依赖，再执行一下 npm install , 完成以后，项目的目录下面，又会多了一个 node_modules 目录，它里面的东西就是项目依赖的包。

4. 从项目和配置文件删除包

如果你想删除为项目安装的包，同时又想把它从 package.json 的 dependencies 里面去掉。可以这样 npm uninstall jquery , 再加上一个 --save 选项.

npm uninstall jquery --save

查看一下包的列表，这里已经找不到 jquery 了，再看一下 package.json , 它的 dependencies 里面，也没有了 jquery.