网站更新内容:请访问: https://bigdata.ministep.cn/

vscode代码保存自动格式化

VS Code 配置
现在我们已经实现了 ESLint 和 Prettier,我们可以利用一些便利的 VS Code 功能让它们自动运行。

在项目的根目录中创建一个名为 .vscode 的目录和一个名为 settings.json 的文件。 这将是一个覆盖已安装 VS 代码默认设置的值列表。

我们想要将它们放在项目文件夹中的原因是我们可以设置仅适用于该项目的特定设置,并且我们可以通过将它们包含在代码仓库中来与我们团队的其他成员共享它们。

在 settings.json 中,我们将添加以下值

.vscode/settings.json

{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll": true,
"source.organizeImports": true
}
}
复制代码
以上将告诉 VS Code 使用你的 Prettier 扩展作为默认格式化程序(如果你愿意,可以手动覆盖另一个)并在每次保存时自动格式化你的文件并组织你的导入语句

非常方便的东西,你不再需要考虑的另一件事,因此可以专注于重要的事情,例如解决业务问题

让我们在这时候进行一次提交,带上信息 build: implement vscode project settings

调用settings.json

文件>首选项>设置>输入

.json

选择:
Launch
全局调试启动配置。应当作为跨工作区共享的 'launch.json' 的替代方法。

配置结果

参考:
Next.js 项目最佳实践 - 掘金

posted @ 2023-04-25 20:33  ministep88  阅读(541)  评论(1编辑  收藏  举报
网站更新内容:请访问:https://bigdata.ministep.cn/