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.jsondependencies 里面去掉。可以这样 npm uninstall jquery , 再加上一个 --save 选项.

npm uninstall jquery --save

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

我们先在项目里面安装一个包vue,版本是2.3.1npm install vue@2.3.1 --save 1. 查看包的版本可以使用 npm info 这个命令查看包的版本。npm info vue输出结果如 ...