Flutter 開發必備擴充套件 vscode

2022-03-11 02:15:18 字數 886 閱讀 4160

vs code 對 dart 語言的支援,初次開啟會提示安裝,選擇安裝即可。

執行 flutter 專案必須,和 dart 一樣,初次用 vs code 開啟 flutter 專案會提示安裝,選安裝即可。

通過簡單的語法,自動快速構建 widget 樹,有點像前端 emmet。

在 pubspec.yaml 檔案下快速搜尋、新增需要安裝專案所需要的依賴,不必開啟瀏覽器去獲取外掛程式和外掛程式版本資訊。

flutter 常用類和方法的**集合,通過簡短的輸入即可自動填充所需**塊,提高開發效率。

[2021-10-08] 更新

vscode 1.61.0 版本原生支援改外掛程式,只要在設定中配置:

即可,無需再安裝第三方擴充套件。

不同的顏色顯示**塊括號範圍,其實這外掛程式不僅在 flutter 專案開發中能用。

值得注意的是,在開發時可能由於 flutter 元件的層級巢狀較深,為了方便檢視**,你可能需要在 setting.json 中新增"dart.previewflutteruiguides": true,,開啟元件層級預覽,效果如上圖虛線的效果。

補充一下,如果開啟後沒效果,檢視 dart 擴充套件安裝和開啟了沒,如果擴充套件安裝了開啟還是沒效果,重啟 vs code 再試試吧,祝好運!

Flutter開發者必備手冊 Flutter Go

幫助開發者快速上手 flutter內部測試中,1.0 正式版將於 2月 20日 發布。flutter 是什麼?2018年6月21日google發布flutter首個release預覽版,作為google 大力推出的一種全新的響應式,跨平台,高效能的移動開發框架。flutter是乙個跨平台的移動ui框...

Flutter 必備開源專案

flutter是google推出的一套開源跨平台ui框架,可以快速地在android ios和web平台上構建高質量的原生使用者介面。同時,flutter還是google新研發的fuchsia作業系統的預設開發套件。在全世界,flutter正在被越來越多的開發者和組織使用,並且flutter是完全免...

開發者必備的 Chrome 擴充套件

firebug 不用多介紹了吧 chromesnifferplus chrome 探測器,可以探測正在使用的開源軟體或者 js 類庫 measureit 瀏覽器視窗內測距,用於測量元素的大小 window resizer 可以快速調整瀏覽器視窗的尺寸,用於觀察 頁面寬度 awesome screen...