Flutter 開發必備擴展(vscode)


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 再試試吧,祝好運!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM