Flutter Android Studio工具配置

490 阅读4分钟

在开发Flutter过程中,我使用的是Android Studio进行开发,会有一些特定的设置,我这里记录一下,是我个人的一些配置爱好.

1. 字体:JetBrains Mono这种字体比较舒服,Size 17,Line height 1.2,我喜欢这个配置.

Snipaste_2023-07-03_08-51-26.png

2. 插件:我用的插件也不多,其中有个Translation的插件我觉得用处也不大,是用来翻译英文的; GitToolBox可以看到是其他协作者的Git提交记录,是谁写的等; Flutter Intl是给国际化的Json字符串用的,它可以监测出定义的重复的字符串和标点符号错误的地方,格式错误等。

Snipaste_2023-07-03_08-50-06.png

3. 去除代码区的竖线和组件提示(我很不喜欢这玩意儿!)。

Snipaste_2023-07-03_13-23-40.png

4. 设置去掉Widget的尾注释,当页面的其他设置也可以参考.

Snipaste_2023-07-03_13-37-54.png

5.用idea经常用到要看修改前的git代码版本,一般是右击–>Git–>show diff.

a65a7c4b9c174bb8bea91195abd06516.png

但是为了方便,可以考虑直接在Nacigation Bar添加这个操作:

5.1 打开IDEA的Settings或者Preferences,如图操作

a12c98f4e8094300b5f50bd82729dfad.png

5.2 添加操作,我们当然选择的是添加action

截屏2023-07-03 15.10.37.png

然后选择添加.

e722985066ac4bb3ab6f3b28feaf35d6.png

5.3 最后添加成功

7967f82601274b86a62a87c11669cdca.png

5.4 新版本的Android SDK搬家了,跑下面去了,找半天才找到.

WechatIMG30.jpg

6. 最后再截图记录一下自己习惯的其他配置

6.1 下面的Tool Windows除了Show tool window bars以外,都是没有勾选上的. 截屏2023-07-03 15.27.24.png

6.2 Editor下面的General配置好像我自己有动过,记不清楚了,记录一下:

截屏2023-07-03 15.33.10.png

6.3 还有Code Editing

截屏2023-07-03 15.35.12.png

6.4 这里好像还有一个字体

截屏2023-07-03 15.36.16.png

6.5 GitToolBox这个好像是那个插件的默认配置

截屏2023-07-03 15.40.07.png

7. 这是工程编译的一个配置。可以让工程跑不同的环境,如果是运行iOS的话,Build flavor栏是不能填入内容的,不然要报错.后缀的sit可以改成需要运行环境的名称,具体情况去项目中查看,我还没看明白.

截屏2023-07-03 15.44.16.png

8. 下面两张是开发Flutter使用的AS配置.

Snipaste_2023-07-03_21-40-47.png

Snipaste_2023-07-03_21-46-46.png

9.新版本的Android Studio记录,我一直无法在AS中登录谷歌账号,就需要记录一下。记录一下新版的安装过程和一些设置,和老版本的AS有些不一样。

9.1 安装新AS,如下几步可以使用软件默认的选项,或者直接cancel,或者使用standard默认即可。

截屏2024-03-12 23.22.06.png

截屏2024-03-12 23.22.36.png

截屏2024-03-12 23.22.55.png

9.2 如下,在License Agreement中,右侧勾选上了accept后,发现还是无法进行Next.需要在左侧的android-sdk-arm-dbt-license将它选中,或者点击它左侧的下载按钮,进行下载。

截屏2024-03-12 23.24.38.png

9.3 如果要新创建一个工程(太久没有创建,这都忘记了),记录一下创建的过程。

9.3.1 需要在桌面新建一个文件夹,文件夹名字为项目的名字。

截屏2024-03-13 20.20.11.png

如上所示,需要是一个空的。

9.3.2 点击New Flutter Project按钮,然后选择到Flutter选项卡,只有这里才是Flutter项目。

WechatIMG28.jpg

WechatIMG29.jpg

10. 新版本前进后退按钮配置(新版本默认是没有的。。)

72b71ed32af749e1931b1ab551d09e46.png 先找到上面的图位置,前进后退按钮就在Navigate下面。

WechatIMG31.jpg

我们可以一一按住那两个按钮,往上面图的位置拖,我们就可以看见那两个按钮了。

11. 我一直喜欢的,点击定位到文件位置的按钮,这个默认是有的,不过要鼠标移动到这个位置,那个按钮才会出现,没想到吧。功能专业名字叫 Show In Explorer,位置如下图。

WechatIMG32.jpg

11. 如何在Android Studio中隐藏Flutter的const提示

WechatIMG33.jpg

12. 新版Android Studio的控制台

烦人,新版的AS改变了一些用户习惯.控制台跑左边的三角形去了.

WechatIMG54.jpg

13. 新版的AS“热重载”快捷键变了,无语。以前是command + \ ,虽然现在也是, 但是你现在点击没有起作用,因为和另外一个功能的快捷键冲突了。我们的办法是,删除热重载的快捷键方式,然后再为热重载添加一样的快捷键,系统会提示你将另外一个功能的快捷键删除,你删除就是了。当然,你也可以什么都不管,使用command+s这样的快捷键达到热重载的效果,但是我不能忍。

13.1 找到Keymap,然后找到hot reload,然后选中,右键点击弹出的"Add Keyboard Shortcut"按钮,如下图。

keymap-settings-flutter-plugin.webp

13.2 最后删除之前的快捷键方式,添加一样的快捷键方式,系统弹出这个弹出框,我们点remove,我们点apply应用即可,如下图:

截屏2024-03-26 15.45.24.png

14.新版本的AS,左侧文件目录的字体设置,设置它的话,上方导航栏的字体和图标也会跟着变化,不过新版本的苹果字体不见了。

img_v3_02c9_c7eea6c1-5993-48bf-b727-7380400be95g.jpg

15.有时候编译缓慢,可以设置提升编译性能,加快编译安卓的速度。

img_v3_02c8_39ea316d-3a66-4a34-8808-910cfd3a419g.png