Flutter代碼模板，解放雙手，提升開發效率必備| 掘金技術徵文

版權聲明：本文爲博主原創文章，未經博主容許不得轉載。 juejin.im/post/5b6408…

轉載請標明出處：juejin.im/post/5b6408… 本文出自 AWeiLoveAndroid的博客

使用Flutter開發的朋友們都有一個疑問，自帶的快捷提示不是很豐富，沒有你想要的功能，無論是Android Studio 仍是IDEA，鬥狠有侷限性，有的朋友可能在用VSCode，那個插件有兩個，我都試過都很差用，擴展性很差。因而我本身就寫了一些經常使用Flutter代碼模板，導入AS或者IDEA能夠直接使用。

【說明】本文同步發佈在github，歡迎star，github.com/AweiLoveAnd…

---

1、使用說明

• 1.不要對settings.jar文件進行任何修改,若是改壞了導入不進去或者導入以後沒法正常使用，請從新下載settings.jar就能夠了。
• 2.導入以後，若是發現快捷鍵沒法正常使用，請看看你的AS或者IDEA的代碼提示匹配設置是否正常。

設置模糊匹配的步驟：

點擊菜單欄File --> Settings --> Editor --> General --> Code Completion --> 在 Case sensitive completion 後面的選項改爲NONE:進行模糊匹配。(First Letter：根據首字母進行匹配)

若是是最新版的AS或者IDEA可能有變化，只須要把 Match cases 前面的對勾去掉就能夠了。以下圖所示：

---

2、導入方式

（1）AS或者IDEA用戶的導入

首先打開github網址 github.com/AweiLoveAnd… 下載jar包。

而後，點擊菜單欄 File--> Import Settings，而後找到剛下載的那個Settings.jar，導入便可。

（2）VSCode用戶的導入

對於VSCode用戶來講，請下載dart.json文件，而後複製到C:\Users\Administrator\AppData\Roaming\Code\User\snippets目錄（Users是你電腦的用戶名）裏面便可，如已經存在，請替換就OK。

---

3、支持的快捷鍵以下：

快捷鍵	描述
con	建立完整的Container
cp	自定義CustomPainter
csv	CustomScrollView + SliverPadding建立列表，子控件帶有邊距
csv2	使用CustomScrollView + SliverGrid建立列表
gv	建立GridView.count
lv	建立基本的ListView
lvb	建立ListView.builder
lvd	建立帶分割線的ListView
lvr	建立RadioListTile，能夠單選的item
lvt	建立帶有各類ListTile的ListView
mainstf	建立 StatefulWidget 控件
mainstl	建立 StatelessWidget 控件
me	建立方法
mep	建立私有方法
row	建立Row
sb	建立SizedBox
ssv	建立SingleChildScrollView
stf	建立完整的StatefulWidget，包含生命週期相關方法。
stl	建立StatelessWidget
svc	建立CustomScrollView
te	建立一個標準的Text

---

4、部分使用示範圖（以AS作示範）

mainstf 建立 StatefulWidget 控件：

---

mainstl 建立 StatelessWidget 控件：

---

stf 建立完整的StatefulWidget，包含生命週期相關方法。：

---

stl 建立StatelessWidget：

---

gv 建立 GridView.count：

---

lv 建立基本的ListView：

---

con 建立完整的Container：

---

5、關於代碼模板的使用和自定義方式能夠看個人github Android Studio經常使用模板用法和自定義模板