脚本说明

scripts

脚本名称	命令	描述
dev	vite --open	启动开发服务器并在默认浏览器中自动打开应用。
build	vue-tsc --noEmit && vite build	先运行 TypeScript 类型检查（不输出文件），然后构建应用。
serve	vite preview	预览构建后的应用，模拟生产环境。
lint	eslint	运行 ESLint 检查代码质量和代码风格问题。
fix	eslint --fix	运行 ESLint 并自动修复可修复的问题。
lint:prettier	prettier --write "**/*.{js,cjs,ts,json,tsx,css,less,scss,vue,html,md}"	使用 Prettier 格式化所有指定类型的文件。
lint:stylelint	stylelint "**/*.{css,scss,vue}" --fix	使用 Stylelint 检查和自动修复 CSS、SCSS 和 Vue 文件中的样式问题。
lint:lint-staged	lint-staged	运行 lint-staged 仅检查暂存的文件，确保提交前代码质量。
prepare	husky	设置 Husky Git 钩子，用于在 Git 操作前运行脚本。
commit	git-cz	使用 Commitizen 规范化提交消息，确保提交格式一致。

详细说明

1. dev

   • 命令: vite --open
   • 描述: 启动 Vite 开发服务器，并在默认浏览器中自动打开应用，便于开发和调试。

2. build

   • 命令: vue-tsc --noEmit && vite build
   • 描述: 首先运行 TypeScript 类型检查（不生成输出文件），确保代码类型安全。然后使用 Vite 构建生产版本的应用。

3. serve

   • 命令: vite preview
   • 描述: 预览构建后的应用，模拟生产环境，便于在本地查看构建结果。

4. lint

   • 命令: eslint
   • 描述: 运行 ESLint 工具，检查代码中的潜在错误和不符合代码规范的问题。

5. fix

   • 命令: eslint --fix
   • 描述: 运行 ESLint 并自动修复代码中可修复的问题，如格式问题和简单的错误。

6. lint:prettier

   • 命令: prettier --write "**/*.{js,cjs,ts,json,tsx,css,less,scss,vue,html,md}"
   • 描述: 使用 Prettier 工具格式化项目中所有指定类型的文件，确保代码风格一致。

7. lint:stylelint

   • 命令: stylelint "**/*.{css,scss,vue}" --fix
   • 描述: 使用 Stylelint 工具检查并自动修复 CSS、SCSS 和 Vue 文件中的样式问题，确保样式代码符合规范。

8. lint:lint-staged

   • 命令: lint-staged
   • 描述: 运行 lint-staged 工具，仅检查和格式化暂存的文件，确保提交前代码质量。

9. prepare

   • 命令: husky
   • 描述: 设置 Husky Git 钩子，用于在 Git 操作（如提交、推送）前运行预定义的脚本，确保代码质量。

10. commit

    • 命令: git-cz
    • 描述: 使用 Commitizen 工具规范化提交消息，确保提交信息格式一致，便于项目维护和版本管理。