写篇文章用懂npm——(2)npm配置与下载初讲

164 阅读1分钟

上篇文章的配置文件我们简单提了,但是具体的内容和我们开发息息相关。

npm配置与下载

package.json文件

初始化

我们通过npm init -y指令完成配置文件package.json的初始化。这里的-y指令是选择全部yes的意思,我们省略-y指令再执行指令就会发现执行过程中需要做出多个yse/no和命名的配置预操作。

npm init

image.png

配置结构

这里我们罗列初始化后的基本结构:

{
  "name": "webpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
  • name :项目包的名字,默认就是当前路径所在文件夹名字。
  • version :项目的版本号
  • description :项目描述
  • main :入口文件。
  • scripts :自定指令集,通过npm run xxx格式指令。
  • keywords :字符串数组,npm库中搜索时作相关参数。
  • author :作者信息。
  • license :权限相关的协议参数。

其他参数

当我们下载模块后会在配置文件中产生新的内容:

  "dependencies": {
    "vue-cli": "^2.9.6",
    "vue-router": "^3.5.2"
  },
  "devDependencies": {
    "vuex": "^3.6.2"
  }
  • dependencies :是运行依赖,所有无参数安装或则--save参数安装都是作为项目上线时的一部分,会被一起打包。
  • devDependencies :是开发依赖,--save-dev参数下安装,不会被打包进项目。

下面将讲解下载模块的相关内容。

模块下载

我们使用install指令下载模块。除了简写以外还有很多参数实现各种效果。

npm install xxx
npm i xxx
npm i xxx -g
npm i xxx --save
npm i xxx --save-dev
npm i xxx -S
npm i xxx -D
  • i 就是install的简写(注意区分init)。
  • -g全局指令。
  • --save-S下载为运行依赖。
  • --save-dev-D下载为开发依赖。