VSCode 开发 Flutter 必用插件

时间:2024-03-13 11:56:58

阅读本文大约需要 1.5 分钟

VSCode 开发 Flutter 必用插件

Visual Studio Code
(简称 VS Code / VSC) 是 Microsoft 为 Windows,Linux 和 macOS 开发的源代码编辑器。它支持调试,嵌入式 Git 控件,语法突出显示,智能代码补全,代码片段和代码重构。 同时也是支持自定义的,开发者可以更改编辑器的主题,键盘快捷键和首选项,拥有强大的拓展能力。

VSCode 开发 Flutter 必用插件

VSCode 的优势:

  • 轻,开多个工程毫无压力
  • 更换主题方便
  • 插件真的好用

今天就来推荐几个开发 Flutter 应用的必用插件,使用后开发效率将会大大提高。

1、运行调试插件

  • Dart
  • Flutter

这两个插件是开发 Flutter 应用的必用插件了,提供了语法检测、代码补全、代码重构、运行调试和热重载等功能。在很多配置教程上都会提示要求安装这两个插件,否则开发无法正常进行。

VSCode 开发 Flutter 必用插件

2、代码片段

  • Flutter Widget Snippets
  • Awesome Flutter Snippets

第一个插件提供 Widget 代码片段,第二个插件提供常用函数的代码片段。使用起来非常方便,例如创建一个 Stateful App,只需要输入 fstful,即可快速创建。

VSCode 开发 Flutter 必用插件

3、高亮

  • Bracket Pair Colorizer

vscode 自动会为 Dart 代码进行高亮显示,因此无需下载其他高亮插件。但是写过 Flutter 的应该都会觉得, Flutter 简直就是嵌套地狱。因此推荐这个插件,可对括号进行高亮匹配显示,这样更易于阅读以及修改代码。

VSCode 开发 Flutter 必用插件

4、代码托管

  • GitLens

VSCode 中强大的 Git 工具,VSCode 必装插件之一。堪称神器,用了完全离不开了。

VSCode 开发 Flutter 必用插件

5、快捷键

  • IntelliJ IDEA Key Bindings for Visual Studio Code
  • Sublime Importer for VS Code

如果你是从别的代码工具中转过来的,对 vscode 的快捷键不喜欢,可以安装你熟悉的编辑器快捷键插件。

VSCode 开发 Flutter 必用插件
我开源了一个 Flutter 项目,欢迎关注:https://github.com/Mayandev/morec


推荐阅读

VS Code 前端常用插件整理

我开源了一个 Flutter 项目!

VSCode 开发 Flutter 必用插件


欢迎加我微信,一起交流,互相学习,共同进步!

VSCode 开发 Flutter 必用插件
关注公众号『嗜码』。回复关键字「前端」、「Python」、「Java」、「Android」、「小程序」、「Vue」等获取免费精品学习资料。
VSCode 开发 Flutter 必用插件