Flutter 的 6 個最有用的 VS Code擴充套件

語言: CN / TW / HK

1. Pubspec Assist

Pubspec Assist 是一個 Visual Studio Code 擴充套件,它允許您輕鬆地將依賴項新增到您的 Dart 和 Flutter 專案的 pubspec.yaml,所有這些都無需離開您的編輯器。

image (1).png

只需開啟命令面板(預設情況下,Windows 上為 Ctrl+Shift+P,Mac 上為 ⌘+Shift+P)並搜尋“Pubspec Assist”。

1_hJL89-dt31-UucKFzgmnew.gif

2. Material Icon Theme

image (2).png

這個擴充套件為你的檔案列表提供了漂亮的圖示。如果檔案是 JavaScript,那麼它將在檔名旁邊的材料樣式中包含一個 JavaScript 圖示。如果您更像是視覺開發人員,那麼此擴充套件程式適合您。它被數百萬使用者廣泛使用。

3. Awesome Flutter Snippets

image (3).png

Awesome Flutter Snippets 是常用的 Flutter 類和方法的集合。它通過消除與建立小部件相關的大部分樣板程式碼來提高您的開發速度。StreamBuilderSingleChildScrollView 等小部件可以通過分別鍵入快捷方式 streamBldrsingleChildSV 來建立。

特性: - 加快開發速度 - 消除樣板 - 支援複雜的小部件(例如:Custom Clipper 和 Custom Paint)

4. Bloc

image (4).png

您可以通過啟動命令面板(檢視 -> 命令面板)並執行輸入命令名稱來啟用命令,或者您可以右鍵單擊要在其中建立 bloc/cubit 的目錄並從上下文中選擇命令選單。

1_4KGxhFGRq9RUPhL3ftL_4Q.gif

5. Error Lens

image (5).png

ErrorLens 通過使診斷更加突出來增強語言診斷功能,在語言生成診斷的任何位置突出顯示整行,並內聯列印訊息。

特性: - 突出顯示包含診斷的行 - 將診斷作為文字附加到行尾 - 在gutter顯示圖示 - 在狀態列中顯示訊息

6. Json to Dart Model

image (6).png

給定一個 JSON 字串,這個庫將生成所有必要的 Dart 類,以安全的方式解析和生成 JSON,因為生成器支援 jsoncjson。還旨在根據 Flutter 的文件推薦和 Effective Dart: Style 生成對 Flutter 友好的模型類。擴充套件支援手動序列化 JSON 和使用 Freezed 和 Json Serializable 等程式碼生成庫序列化 JSON。

1_dYv0_qDdk58lKvgaTx6e8w.gif


原文:https://medium.com/codex/flutters-top-6-most-useful-vs-code-extensions-5cbba8994801