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