Dart
VS Code 對 dart 語言的支持,初次打開會提示安裝,選擇安裝即可。
Flutter
運行 Flutter 項目必須,和 dart 一樣,初次用 VS Code 打開 Flutter 項目會提示安裝,選安裝即可。
Flutter tree
通過簡單的語法,自動快速構建 widget 樹,有點像前端 Emmet。
Pubspec Assist
在 pubspec.yaml 文件下快速搜索、添加需要安裝項目所需要的依賴,不必打開瀏覽器去獲取插件和插件版本信息。
Awesome Flutter Snippets
Flutter 常用類和方法的代碼集合,通過簡短的輸入即可自動填充所需代碼塊,提高開發效率。
Bracket Pair Colorizer 2
[2021-10-08] 更新
vscode 1.61.0 版本原生支持改插件,只要在 設置
中配置:
{
"editor.guides.bracketPairs": true,
"editor.bracketPairColorization.enabled": true
}
即可,無需再安裝第三方擴展。
不同的顏色顯示代碼塊括號范圍,其實這插件不僅在 Flutter 項目開發中能用。
值得注意的是,在開發時可能由於 Flutter 組件的層級嵌套較深,為了方便查看代碼,你可能需要在 setting.json 中添加 "dart.previewFlutterUiGuides": true,
,開啟組件層級預覽,效果如上圖虛線的效果。
補充一下,如果開啟后沒效果,查看 Dart 擴展安裝和開啟了沒,如果擴展安裝了開啟還是沒效果,重啟 VS Code 再試試吧,祝好運!