VSCode（Flutter开发）使用的 4 个 技巧

1.更清晰的文件夹结构

在创建一个新的 flutter 项目后，有太多的文件。但是我们可以在 VSCode 中用非常简单的步骤来构造这些文件:

1. 打开命令面板(Ctrl/Cmd + Shift + P)

2. 键入“首选项: 打开设置(JSON)”

3. 将以下代码行添加到 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,