Flutter 的 6 個最有用的 VS Code擴展
1. Pubspec Assist
Pubspec Assist 是一個 Visual Studio Code 擴展,它允許您輕鬆地將依賴項添加到您的 Dart 和 Flutter 項目的 pubspec.yaml
,所有這些都無需離開您的編輯器。
只需打開命令面板(默認情況下,Windows 上為 Ctrl+Shift+P,Mac 上為 ⌘+Shift+P)並搜索“Pubspec Assist”。
2. Material Icon Theme
這個擴展為你的文件列表提供了漂亮的圖標。如果文件是 JavaScript,那麼它將在文件名旁邊的材料樣式中包含一個 JavaScript 圖標。如果您更像是視覺開發人員,那麼此擴展程序適合您。它被數百萬用户廣泛使用。
3. Awesome Flutter Snippets
Awesome Flutter Snippets 是常用的 Flutter 類和方法的集合。它通過消除與創建小部件相關的大部分樣板代碼來提高您的開發速度。StreamBuilder
和 SingleChildScrollView
等小部件可以通過分別鍵入快捷方式 streamBldr
和 singleChildSV
來創建。
特性: - 加快開發速度 - 消除樣板 - 支持複雜的小部件(例如:Custom Clipper 和 Custom Paint)
4. Bloc
您可以通過啟動命令面板(查看 -> 命令面板)並運行輸入命令名稱來激活命令,或者您可以右鍵單擊要在其中創建 bloc/cubit 的目錄並從上下文中選擇命令菜單。
5. Error Lens
ErrorLens 通過使診斷更加突出來增強語言診斷功能,在語言生成診斷的任何位置突出顯示整行,並內聯打印消息。
特性: - 突出顯示包含診斷的行 - 將診斷作為文本附加到行尾 - 在gutter顯示圖標 - 在狀態欄中顯示消息
6. Json to Dart Model
給定一個 JSON 字符串,這個庫將生成所有必要的 Dart 類,以安全的方式解析和生成 JSON,因為生成器支持 jsonc
和 json
。還旨在根據 Flutter 的文檔推薦和 Effective Dart: Style 生成對 Flutter 友好的模型類。擴展支持手動序列化 JSON 和使用 Freezed 和 Json Serializable 等代碼生成庫序列化 JSON。
原文:http://medium.com/codex/flutters-top-6-most-useful-vs-code-extensions-5cbba8994801
- 譯|如何使用 Flutter 創建動態島和 ActivityKit
- Flutter 的 6 個最有用的 VS Code擴展
- Tauri vs Electron:真實項目的比較
- Flutter Cupertino 教程:如何構建外觀和感覺原生的 iOS 應用
- 如何使用 GitHub 討論作為您博客的聊天系統
- 在 Flutter 中使用 setState 時的 6 個簡單技巧
- 譯|你應該知道的 7 個 GitHub 功能
- 提高 VS Code 編輯器性能的 5 個技巧
- urlcat:JavaScript的URL構建器庫
- 8 個 Vue.js UI 組件,説不定用得上!
- 20個你應該瞭解的Flutter庫
- Github Actions還是Jenkins?該怎麼選?
- 如何使用CSS和JS創建“前後”圖像比較效果
- 什麼是WebAuthn:在Web上使用Touch ID和Windows Hello登錄
- 2021年管理Monorepo代碼庫的11種出色工具
- 僅使用CSS就可以提高頁面渲染速度的4個技巧
- 實現高性能延遲加載的最新API:Intersection Observer
- 如何在React應用中實現“使用GitHub登錄”
- 什麼是2021年最佳的後端開發框架?
- 自動增長Textareas的最乾淨技巧