DEV Community
·
实验六 - 格式化与代码检查
内容提要
本周，我在F2Read项目中成功实现了Prettier格式化工具和ESLint检查工具，提升了代码质量。通过运行命令和配置文件，实现了自动格式化和实时代码检查。
关键要点
-
本周在F2Read项目中成功实现了Prettier格式化工具和ESLint检查工具，提升了代码质量。
-
选择使用Prettier格式化工具，因为之前在VSCode中已经使用过。
-
Prettier是一个VSCode扩展和npm模块，可以通过简单命令或按钮格式化代码。
-
ESLint是另一个VSCode扩展和npm模块，用于实时检查代码中的警告和错误。
-
Prettier的设置包括运行命令和配置文件，忽略某些文件和文件夹。
-
ESLint的设置包括安装依赖项并保留默认配置。
-
在VSCode中实现自动格式化和实时检查的步骤已在CONTRIBUTIONS.md中列出。
-
使用Prettier格式化代码时未发现问题，代码正常工作并去除了多余的空格。
-
在ESLint中发现了一些错误，部分错误因自定义错误消息被忽略。
-
通过命令行运行工具，Prettier格式化所有文件，ESLint检查特定文件的错误。
-
学习了如何安装格式化工具和检查工具，设置自动格式化和实时检查，改进了代码提交流程。
延伸问答
Prettier格式化工具的主要功能是什么？
Prettier是一个VSCode扩展和npm模块，用于通过简单命令或按钮格式化代码，使其美观整齐。
如何在F2Read项目中设置ESLint检查工具？
在F2Read项目中设置ESLint需要安装依赖项并保留默认配置，使用命令'bun add -d eslint'和'bun eslint --init'。
使用Prettier格式化代码时遇到了什么问题吗？
使用Prettier格式化代码时未发现问题，代码正常工作并去除了多余的空格。
ESLint检查工具发现了哪些错误？
ESLint发现了一些错误，其中两个因自定义错误消息被忽略，另一个是类型定义为'any'的问题。
如何在VSCode中实现自动格式化和实时检查？
在VSCode中实现自动格式化和实时检查需要在CONTRIBUTIONS.md中列出相应的步骤，并添加相关脚本。
在F2Read项目中使用Prettier和ESLint的好处是什么？
使用Prettier和ESLint可以提升代码质量，确保代码格式一致并及时发现错误。
