简单记录一下怎么看package.json文件

首先每个vue工程文件从仓库克隆代码下来的时候，一般都会包含这个文件，这个文件非常重要，package.json包含了关于项目重要信息，如下图所示

其中包含了name、version、description、author、scripts、dependencies、devDependencies、browserslist、engines、husky、keywords、license、lint-staged、repository这些个常见字段。

• name：包名称
• version：包版本
• description：描述
• author：作者
• scripts：运行npm run要执行的脚本命令
• dependencies：依赖
• devDependencies：开发依赖关系
• browserslist：浏览器列表
• engines：该模块运行时的环境
• husky+lint-staged：提交代码规范检查等等
• keywords：关键字，用于方便被人搜索到
• license：许可证
• repository：存储库

重点看一下这个脚本命令：scripts

首先我们已经知道这里面是运行npm run要执行的脚本命令，所以里面的命令都是由npm run在前面拼接的，比如npm run lint、npm run build:demo、npm run dev等等。

仔细看，上面图中有三个build打包命令，他对应的不同的模块，--mode demonstrate，或者--mode staging，这个时候我们可以去根目录下面找.env文件，点开可以看的里面是对应的生产环境还是测试环境还是开发环境的，根据需要，我们如果要打一个测试环境的包，我们就可以打开终端去执行npm run build:demo，如果要打一个生产环境的包，我们就可以执行npm run build:prod，如果是开发环境，那么就执行npm run build:stage命令。