1.更清晰的文件夹结构
在创建一个新的 flutter 项目后，有太多的文件。但是我们可以在 VSCode 中用非常简单的步骤来构造这些文件:
-
打开命令面板(Ctrl/Cmd + Shift + P)
-
键入“首选项: 打开设置(JSON)”
-
将以下代码行添加到 setings.json:
{
"explorer.fileNesting.enabled":true,
"explorer.fileNesting.expand": false,
"explorer.fileNesting.patterns": {
"pubspec.yaml": "pubspec.lock,pubspec_overrides.yaml,.packages,.flutter-plugins,.flutter-plugins-dependencies,.metadata",
"*.dart": "${capture}.g.dart",
},
"editor.codeActionsOnSave": {"source.fixAll": true},
"editor.formatOnSave": true,
}
正如您所看到的，许多我们很少使用的文件现在隐藏在 pubspec.yaml 中。当然，您可以展开 pubspec.yam land 来访问这些文件。
2.自动 Fix linters
一个接一个地解决所有的内衬问题是非常烦人的。即使你使用例如“添加 const 关键字”对话框，每次都这样做，从长远来看是非常耗时的。这就是为什么我们将创建一种方法来自动添加这些小东西时，保存文件。
"editor.codeActionsOnSave": {"source.fixAll": true},
3.Awesome Flutter Snippets
我知道，我知道，我说过我不会在这篇技巧文章中添加一个扩展，但是这个扩展对于每个 Flutter 开发者来说都是必不可少的。它提供了如此多不同的 Flutter 片段，您可以立即使用它们来加快开发速度。它为每个用例提供了 40 多个代码片段，并支持复杂的 widget :
4.更容易格式化
在第二个技巧中，我们讨论了如何自动添加 const 关键字之类的东西。现在，我们希望在保存文件时立即对其进行格式化。为此，将以下代码行添加到 setings.json:
"editor.formatOnSave": true,