任何的项目工程,其实都是有一个文件作为项目工程的配置信息的保存,如springboot工程的maven的pom.xml,如eclipse打开的工程目录,保存工程的对于eclipse的配置信息文件:.classpath文件等
- Vue工程也不意外,使用package.json文件作为工程的配置信息保存
一、配置原则
- pageage.json随着项目的创建,一同自动创建,是项目的核心文件。
- package.json是一个json文件,不能有任何的注释,否则会出现编译错误
- package.json好比java工程的maven配置文件pom.xml,指明项目工程依赖的所有库与对应的版本号
- 通过命令npm install命令,是对项目进行依赖下载与安装第三方库,并把对应的库文件下到到项目根目录下的node-modules文件中。同时更新了package.json,也一样通过这个命令进行库的更新。
二、几个常用配置说明
1.scripts
指定了运行脚本命令的npm命令行缩写
如下列设置中指定了npm run dev所要执行的命令为vite【即npm run + 快捷名】
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
}
其实在终端中,运行项目的时候,都有提示出真正运行的命令是什么的:
2.dependencies,devDependencies
dependencies — 指定了项目运行所依赖的模块
devDependencies — 指定了项目开发所需要的模块,注意:vite的plugins注册,需要现在这里声明
3.cinfig变量设置
用于向环境变量进行变量初始化,并进行输出
"config": {
"name": "leanboot",
"items": [["id":123,"name:'精益']]
}
其他的一些配置变量,比较少用,这里就不一一列出