1 终端新建

  1. cd 目录
  2. flutter create 工程名
  3. #创建工程指定 安卓、iOS开发语言 
  4. flutter create -i objc -a java 工程名

注意

  1. Flutter的文件命名规则是 全小写+下划线的方式，不允许工程名首字母大写
  2. Android Studio 运行工程，选择Android模拟器，不能包含中文路径 （如果包含中文路径，可以在终端 flutter run 运行）

2 VS Code新建

  1. commad + shift + p
  2. 输入 flutter
  3. 选择 create new project

3 常用命令

创建工程的选项查看命令

  1. flutter create --help

截屏2020-12-17 下午1.45.44.png
检测环境

  1. flutter doctor

查询模拟器

  1. flutter emulator

打开模拟器

  1. open -a Simulator

加载模拟器

  1. flutter emulator —launch apple_ios_simulator

运行

  1. flutter run -d  apple_ios_simulator

清除终端输入的信息

  1. command + k

清理缓存:可用于更改代码后运行有点异常的一种处理方式

  1. flutter clean

4 VS Code快捷键

快速创建widget：stf /stl

快速修复 ：Command+.

自动生成构造函数：选中final参数，快捷键：Command+.

添加父组件、变为子组件、删除子组件：Command + .

重新打开 关闭的编辑页面： Command + shift+T

通过匹配文本打开文件：Command+T

代码格式化 shift+option+F

打开console：Command+J

查看源码：将光标放到要查看源码的类名或方法名上，长按Command然后点击

查看类的子类：选中要查看的类，然后Command+F12

后退：当跟踪代码的时候，经常跳转到其他类，后退的快捷键Ctrl + -

导入类的快捷键：将光标放在要导入类的上面，然后按Command + .

全局搜索：Command+shift+F

把当前行代码和上一行/下一行代码互换位置：option+↑/↓

5 Android Studio 创建

打开Android Studio 选择create New Flutter Project ，然后按照向导创建项目
image.png

注意：Android Studio强退工程后，再次启动，可能会锁住 。解决方法： 打开Flutter的SDK下的flutter/bin/cache目录，在cache目录下有个lockfile,将此文件删掉再启动工程

6 AS的使用技巧

自定义代码块

AS中可以设置代码块。Settings -> Editor -> Live Templates
我们可以参考自带的slful代码块进行设置。点击👉的 + 就可添加代码块了。
image.png

Ctrl + option + O 删除未使用的import

option + Enter 快速修复

如果你有一个文件的import被删除了，直接对报错的类名称使用option + Enter搞定导入的动作。
image.png
如果你不想每次创建类都导入文件，那么我们可以直接根据提示创建对象。将类名输入，然后AS就不需要你手动import了。
image.png

万能搜索：双击shift

查看最近打开的文件 Command+E

重命名 :fn+shift+f6

查看当前类结构：Command+fn+f12

查看源码：将光标放到要查看源码的类名或方法名上，长按Command 然后点击

查看类的子类：选中要查看的类，然后Command+B 或者option+Command+B

将代码更新到模拟器上：选中模拟器然后Command+R

导入类：将光标放在要导入的类上面，然后option+enter

全局搜索：Command+shift+F

全局替换：Command+shift+R

查找引用：option+shift+F7

Shift + F6 重命名（如果是Touch Bar就是Shift + Rename…）

CMD + -/+ 折起/展开代码块

CMD + . 折起/展开选中代码

CMD + , 进入设置页面

CMD + [ 光标回到上一次编辑的位置

CMD + ] 光标回到下一次编辑的位置

CMD + L 定位某一行，甚至某一个字符

image.png

CMD + / 注释

CMD + Y 查看选中类的属性

CMD + O 快速打开（一般用于快速打开某个文件）

option + Enter 扩展功能(很重要！)

查看小部件源码

  • CMD + Click(鼠标左键)
  • CMD + B
  • CMD + Down（小键盘↓）
  • F4（非Touch Bar键盘）

    Option + up(↑) 选中上一层代码（比如选中当前光标的单词，选中当前小部件的所有代码，自己试~）

CMD + option + M 将选中代码提取到某个方法中

CMD + option + L 格式化代码

AS还可在Setting->Language&Frameworks->Flutter 中选上“Format Code on Save”这个选项

CMD + Shift + -/+ 折起/展开所有代码块

Option + Shift + Up/Down 上下移动行

Command + Shift + Up/Down 上下移动方法

自动格式化代码 （这是一个AS的设置）

Settings -> Editor -> Languages & Frameworks -> Flutter -> Editor
选中Format code on save 也可以勾选子选项 Organize imports on save

image.png