在通过 Vue CLI 搭建的项目中,开发者日常频繁使用的 npm 脚本命令通常包含哪些?
考察说明
考察对 Vue CLI 项目开发流程中常用 npm 命令的熟悉程度。
回答思路
- 【回答框架 1】Vue CLI 项目在 package.json 的 scripts 字段中预置了若干常用脚本,默认包含 serve、build 和 lint。npm run serve 用于启动本地开发服务器,提供热重载,默认监听 8080 端口。
- 【回答框架 2】npm run build 会对项目进行生产环境打包,通常输出到 dist 目录,生成的静态资源可直接部署到服务器,构建过程会执行代码压缩、文件指纹等优化。
- 【回答框架 3】npm run lint 执行代码规范检查,依据项目中的 ESLint 配置对源码进行静态分析,可配合 --fix 参数自动修复可修复的格式问题。
- 【回答框架 4】除上述三个默认脚本外,项目可自定义扩展其他命令,例如 npm run test:unit 运行单元测试、npm run test:e2e 运行端到端测试,具体以 package.json 中 scripts 配置为准。
- 【关键点 1】npm run serve 启动开发服务器并支持热更新。
- 【关键点 2】npm run build 生成生产环境的优化构建产物。
- 【关键点 3】npm run lint 检查代码风格并可用 --fix 自动修复。
- 【关键点 4】npm run test:unit 等测试命令取决于项目配置。
- 【易错点 1】默认端口 8080 可能被占用,需根据脚手架配置调整端口。
- 【易错点 2】build 产物需正确配置 publicPath 才能部署到特定路径。