對開發非常的友好,有許多朋友都喜歡用。
基礎的設置可以參考的官方文檔docs..dev//tools/vs-code。搞定基礎的一切后,我們接下來就需要根據個人喜歡做一些個性化的定制來提高我們的工作效率。
本文將分享我在的日常開發中所使用的「快捷鍵、插件以及相關設置」。
開發者的快捷鍵
分享一些我最喜歡的快捷鍵供大家參考
1.快速修復
MacOS: CMD+.
: CTRL+.
使用這個快捷鍵,會給出代碼相關的操作提示,你可以wrap, ,
或者可以在需要導入文件的時候自動導入
或者也可以用來創建一個構造函數
2.顯示面板
MacOS: CMD+Shift+P
: CTRL+Shift+P
這將顯示一個搜索框,你可以看到所有最近使用的命令,也可以輸入搜索新命令:
3.通過文件名搜索
這樣你可以搜索中任何文件啦,方便快捷。
4.添加依賴
首先,打開命令面板輸入"Dart: Add " 或者 "Dart: Add Dev ":
就會顯示pub.dev.上可用的包,
如果你選中一個包,就會加到.yaml中并且會自動安裝。
5. & Dart
Dart 和 插件包含了許多代碼模板,例如下面:
這些能幫我們快速生成一些重復的代碼。
更多的可以參考:/Dart-Code/Dart-Code/blob///dart.json。
附上一份快捷鍵清單
MacOS: CMD+K CMD+S
: CTRL+K CTRL+S
開發者的專屬插件
使用正確的插件能夠讓自己事半功倍,多節省時間來摸魚。
1. Dart Data Class
當我們寫model類是要寫很多方法,像(), (), (), (), toMap(), (), ==, .寫這些是無聊的,也很容易出錯。
所以可以使用 Dart Data Class 來幫你實現這些方法。
尤其當你類屬性比較多的時候,用起來不要太爽!
除了這個插件還有其他插件的功能:**Json to Dart Model。**可以根據json數據生成dart類,像 、 Json 還有Json to Dart Model。
大家可以根據自己的喜好去使用,用好這個絕對能省很多時間。
2.狀態管理相關的插件
大家可以根據自己使用的狀態管理,來搜索相關的插件
像 bloc 和 這些也是我開發必備的,讓重復的工作交給插件。
3. Error Lens
Error Lens是對錯誤和警告提示的加強,讓你一眼就能發現錯誤易語言按鈕標題帶括號變成快捷鍵,有強迫癥的同學可能真的受不了。
4.
是對代碼注釋的一個加強能夠高亮 , notes, TODO等等一些
5.
是一個AI補充編程,當你輸入時易語言按鈕標題帶括號變成快捷鍵,會給你相關代碼的建議和補充,這就是AI編程啊,我們什么也不用做了。
雖然有時候也會出現偏差,但也確實給我節省了大量時間。
6.
如果你使用了,這個工具對你絕對好用。用這個插件你在中就可以瀏覽你的 , data, Cloud 等等。
7.接口調試相關的插件
前端總是繞不來接口,這里也有一些好用的插件:
針對開發者的設置
在中也有一些設置來提高效率。
通過命令面板打開「: Open (JSON)」:
用的最多的就是「fix all 」和「 the code on save。」
「1. Fix all on Save」
你肯定被一遍又一遍地提示而煩透了
所以,我們只要如下設置就好了:
".":{".":true}
所有錯誤提示都會在你保存時自動修復。
2. on Save
我們寫代碼時自己去格式化比較麻煩
我們增加一個保存時自動修復的設置就可以解決格式化的問題:
{".":true}「3. Pair 」
打開如下設置:
{".ion.":true}
我們就可以在中,就可以高亮對應的括號了。
「4. UI 」
這個功能簡直對太又好了,對的嵌套一目了然。
{"dart.es":true}
下面是我的設置文件
{"..trust.":false,"[dart]":{".":{".":true},".":[80],".":false,"..":false,".":"first",".":"",".":false,},"dart.":false,".":1,".":"",".ion.":true,"..":true,".":true}還有一個強大的沒命令:「Dart Fix」
是不是在老得項目發現一堆廢棄的警告?(如和)。不用擔心,因為不必全部手工修復。只需要在終端上運行dart fix
--dry-run#--apply#
少年別走,交個朋友~