VSCode中用于Flutter開發(fā)的最佳擴(kuò)展有哪些

這篇文章主要介紹“VSCode中用于Flutter開發(fā)的最佳擴(kuò)展有哪些”，在日常操作中，相信很多人在VSCode中用于Flutter開發(fā)的最佳擴(kuò)展有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”VSCode中用于Flutter開發(fā)的最佳擴(kuò)展有哪些”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

1.Pubspec Assist

你是否厭倦了在pub.dev上尋找必要的Flutter和Dart包？你應(yīng)該給Pubspec Assist擴(kuò)展一個(gè)機(jī)會(huì)。這個(gè)擴(kuò)展允許你在不放棄編輯器的情況下搜索軟件包，然后將它們附加到pubspec.yaml文檔中。此外，它允許你通過用逗號(hào)分隔標(biāo)題來同時(shí)尋找許多包。

2.Error Lens

在開發(fā)過程中，錯(cuò)誤和警告是正常的，但我們用來處理它們的方法是獨(dú)特的。在VS Code編輯器中，錯(cuò)誤和警告通常顯示在底部，我們必須滾動(dòng)列表以查看是否有其他問題。

Error Lens擴(kuò)展突出顯示了代碼中的錯(cuò)誤行，并在行尾附加了錯(cuò)誤細(xì)節(jié)。錯(cuò)誤圖標(biāo)也會(huì)顯示在溝槽中。

此外，你可以在settings.json文件中自定義錯(cuò)誤高亮的顏色。這將使你的錯(cuò)誤顯得更加誘人。

3.Flutter Tree

當(dāng)構(gòu)建具有大量widget的應(yīng)用程序時(shí)，很難在樹中識(shí)別小部件。Flutter Tree擴(kuò)展以簡(jiǎn)化的語法創(chuàng)建所需的widget樹。這使得創(chuàng)建widget樹變得更加容易，但你必須使用它自己的語法來做。

4.Bracket Pair Colorizer 2

我們經(jīng)常迷失在嵌套類和小部件的迷宮中，浪費(fèi)了大量的時(shí)間和精力試圖找到正確的括號(hào)對(duì)。當(dāng)涉及到定位錯(cuò)誤的括號(hào)時(shí)，Bracket Pair Colorizer 2是一個(gè)救世主。

您也可以自定義括號(hào)對(duì)的顏色。

5.Dart Data Class Generator

通常，我們會(huì)忽略類中所需方法的創(chuàng)建。VS Code有一個(gè)實(shí)用程序，允許你添加缺少的方法，但你一次只能添加一個(gè)。Dart Data Class Generator克服了這個(gè)問題，它使用基于類屬性或原始JSON的構(gòu)造函數(shù)、copyWith、toMap、fromMap、toJson、fromJson、toString、operator ==和hashCode方法來構(gòu)建Dart數(shù)據(jù)類，正如其名稱所暗示的。

這個(gè)擴(kuò)展還按字母順序?qū)?dǎo)入進(jìn)行排序，并將它們轉(zhuǎn)換為適當(dāng)?shù)母袷健?/p>

6.Flutter Stylizer

管理一個(gè)結(jié)構(gòu)不充分的復(fù)雜代碼庫，會(huì)降低工程師的效率。Flutter Stylizer擴(kuò)展通過以一致和有主見的方式組織你的方法來消除這個(gè)問題。

這個(gè)工具以下列方式組織文件中的類：

構(gòu)造函數(shù)--命名的構(gòu)造函數(shù)--公共靜態(tài)變量--公共實(shí)例變量--公共覆蓋變量--私有靜態(tài)變量--私有實(shí)例變量--公共覆蓋方法--其他公共方法--構(gòu)建方法。

Flutter本身提供了格式化的選擇，然而，它只對(duì)Dart文件進(jìn)行格式化，它不會(huì)對(duì)代碼進(jìn)行重新排序。Flutter根據(jù)這些格式化規(guī)則來格式化代碼。

7.Better Comments

如果所有的注釋都采用相同的格式，我們將無法按照重要性來安排工作，并且有忽略重要任務(wù)的風(fēng)險(xiǎn)。Better Comments擴(kuò)展有助于創(chuàng)建豐富多彩的注釋，這使他們更具可讀性。這樣可以更容易地跟蹤代碼注釋。

你所要做的就是用*、！、?或TODO開始注釋，它就會(huì)以指定的方式被著色。你還可以使用settings.json文件創(chuàng)建你自己的注釋風(fēng)格。

8.Color Highlight

在構(gòu)建程序時(shí)，我們管理廣泛的顏色選擇，但假設(shè)我們正在編程的顏色在代碼編輯器中是可見的？這將是非常有利的顯示程序的顏色，而不需要啟動(dòng)程序。Color Highlight插件可以查看代碼中通過樣式化顏色指定的顏色。

9.Markdownlint

Flutter項(xiàng)目中沒有驗(yàn)證器可以確保檢測(cè)到README.md或CHANGELOG.md文檔中的問題。為了彌補(bǔ)這一點(diǎn)，Markdownlint插件提供了一套準(zhǔn)則，以鼓勵(lì)Markdown文件的標(biāo)準(zhǔn)和統(tǒng)一性。你可以使用這個(gè)擴(kuò)展來檢查本地的問題，并在實(shí)時(shí)發(fā)布之前驗(yàn)證內(nèi)容。

10.JSON to Dart Model

當(dāng)處理大量的JSON文件時(shí)，為每個(gè)文件構(gòu)建Dart模型是很費(fèi)力的。JSON to Dart Model為給定的JSON字符串創(chuàng)建一個(gè)Dart類。通過在你的JSON鍵中添加r@或d@，可以使JSON值成為必需或默認(rèn)值，JSON to Dart Model將為你產(chǎn)生Dart模型。

到此，關(guān)于“VSCode中用于Flutter開發(fā)的最佳擴(kuò)展有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！