版权声明:本文为博主原创文章,未经博主允许不得转载。
转载请标明出处: 本文出自
使用Flutter开发的朋友们都有一个疑问,自带的快捷提示不是很丰富,没有你想要的功能,不管是Android Studio 还是IDEA,斗狠有局限性,有的朋友可能在用VSCode,那个插件有两个,我都试过都不好用,扩展性不好。于是我自己就写了一些常用Flutter代码模板,导入AS或者IDEA可以直接使用。
【说明】本文同步发布在github,欢迎star,
一、使用说明
- 1.不要对
settings.jar
文件进行任何修改,如果改坏了导入不进去或者导入之后无法正常使用,请重新下载settings.jar就可以了。 - 2.导入之后,如果发现快捷键无法正常使用,请看看你的AS或者IDEA的代码提示匹配设置是否正常。
设置模糊匹配的步骤:
点击菜单栏File --> Settings --> Editor --> General --> Code Completion --> 在 Case sensitive completion 后面的选项改成NONE:进行模糊匹配。(First Letter:根据首字母进行匹配)
如果是最新版的AS或者IDEA可能有变化,只需要把 Match cases 前面的对勾去掉就可以了。如下图所示:
二、导入方式
(1)AS或者IDEA用户的导入
首先打开github网址 下载jar包。
然后,点击菜单栏 File
--> Import Settings
,然后找到刚下载的那个Settings.jar,导入即可。
(2)VSCode用户的导入
对于VSCode用户来说,请下载dart.json
文件,然后复制到C:\Users\Administrator\AppData\Roaming\Code\User\snippets
目录(Users
是你电脑的用户名)里面即可,如已经存在,请替换就OK。
三、支持的快捷键如下:
快捷键 | 描述 |
---|---|
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 |