上篇文章的配置文件我们简单提了,但是具体的内容和我们开发息息相关。
npm配置与下载
package.json文件
初始化
我们通过npm init -y指令完成配置文件package.json的初始化。这里的-y指令是选择全部yes的意思,我们省略-y指令再执行指令就会发现执行过程中需要做出多个yse/no和命名的配置预操作。
npm init
配置结构
这里我们罗列初始化后的基本结构:
{
"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下载为开发依赖。