开发工作流和环境指南

本文档为 NuxSaaS 项目提供了推荐的开发工作流和环境设置指南。

1. Visual Studio Code

我们建议使用 Visual Studio Code 作为您的主要编辑器，以获得最佳的开发体验。该项目包含一个带有工作区特定设置和建议的 .vscode 目录。

2. 扩展

.vscode/extensions.json 文件列出了此项目推荐的扩展。在 VS Code 中打开项目时，系统可能会提示您安装这些扩展。典型的建议包括：

• Vue - Official：Vue 语言支持
• Tailwind CSS IntelliSense：VS Code 的智能 Tailwind CSS 工具
• ESLint：将 ESLint JavaScript 集成到 VS Code 中。
• Vitest：VS Code 的 Vitest 测试浏览器
• Iconify IntelliSense：VS Code 的智能 Iconify 预览和搜索
• close-git-unmodified：关闭编辑器中未在 Git 中修改的文件。

3. 工作区设置

.vscode/settings.json 文件包含特定于工作区的设置，以确保代码一致性并提高生产力。

3.1 保存时 ESLint 自动修复

保存文件前，ESLint 会自动检查是否存在任何问题。

保存文件后，ESLint 会自动修复任何问题。

您可以使用 ESLint 的自动修复功能轻松保持一致的代码风格。

3.2 自定义 ESLint 规则

您可以通过修改 eslint.config.mjs 文件轻松添加自己的自定义规则。

4. 调试

.vscode/launch.json 文件提供了预配置的调试设置。您可以通过从“运行和调试”面板中选择配置来启动调试会话。典型配置可能包括：

• 启动启用了调试的 Nuxt 开发服务器
• 附加到正在运行的 Node.js 进程
• 调试无服务器函数或 API 路由