原文地址：www.370codes.com/flutter/202…

原文作者：www.370codes.com/

发布时间：2021年6月13日-大约3分钟

在这篇文章中，我将推荐一些VS代码的设置，我使用这些设置来提高我使用flutter框架开发应用程序的效率。

在VS-Code中打开Dart设置

要在VS-Code中打开Dart引擎设置，你只需要一个命令。

• 在VS代码中打开命令调色板（命令/Ctrl + Shift + P
• 搜索 "Dart: 使用推荐的设置"。
• 现在，你会看到一个对话框，上面写着打开设置。

• 一旦你点击它，它就会打开Dart的设置页面，即 "settings.json"。

另外，如果该对话框没有显示出来。你可以直接进入VS Code的设置。

并搜索 "dart "来获得settings.json文件的参考。

理解设置

让我们来理解settings.json中的每一行，以便知道它们的实际作用。

"editor.formatOnSave": true,
"editor.formatOnType": true,

这两行是不言而喻的。第一行是在保存时格式化代码，另一行是在输入时尝试格式化代码（比如当你输入"; "或逗号时，它会立即自动格式化）。

        "editor.rulers": [
            80
        ],

这是我最喜欢的设置之一。这有时可以使代码的可读性提高很多。让我解释一下。

这个设置负责你在打开dart文件时看到的淡淡的灰线。你可能会问，为什么会有这条线？它只是帮助提高代码的可读性。当小部件的代码超过这一行时，它就会将其格式化到下一行。

从上图中你可以看到字体重量属性越过了那条淡淡的线，在保存文件时，它被格式化到下一行。

"editor.selectionHighlight": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.suggestSelection": "first",
"editor.tabCompletion": "onlySnippets",
"editor.wordBasedSuggestions": false

其他几个是不言而喻的。

"selectionHighlight "控制编辑器是否应该突出显示与选择类似的匹配。

"snippetsPreventQuickSuggestions "控制活动片段是否阻止快速建议。

" suggestSelection "控制在显示建议列表时如何预选建议。

"tabCompletion "启用tab补全，"wordBasedSuggestions "控制补全是否应基于文档中的单词来计算。

这些建议中最有效的是

我知道你们都在等待复活节彩蛋，它就在这里。最有帮助的设置是帮助你轻松地阅读小部件树。

是的，那条虚线可以帮助我们轻松地找到嵌套在另一个widget下的wiget。不，这不是任何花哨的扩展，它只是dart引擎的一个实验性设置。

在写这篇博客的时候，这个功能还处于预览阶段。

"dart.previewFlutterUiGuides": true,
"dart.previewFlutterUiGuidesCustomTracking": true,

启用这个设置并保存文件。你可能需要重新启动VS代码，这就开始工作，并显示你的widget树。

希望这能帮助你提高你的工作效率，或者帮助你提高代码的可读性。

通过www.DeepL.com/Translator（免费版）翻译