# Flutter

# 查看config配置
flutter config -h

# 设置config信息
flutter config --android-sdk {path}

# 查看输出是否有问题
flutter doctor

# 验证Flutter识别您连接的Android设备
flutter devices

# 运行启动您的应用程序
flutter run

# 拉取依赖
flutter pub get

# vscode 命令面板
# commond+shift+p

# vscode 命令面板 Quick fix (快速修复)
Quick fix

# 查看本地flutter 版本
flutter --version

# 打印数据
print("测试输出 $_deviceList ");
print("测试输出 ${widget.deviceType} ");

image.png
image.png

# 新建Flutter项目

在终端中可以使用flutter create
在VSCode中打开命令面板 找到Flutter: New Project执行

# Flutter调试

# 连接真机--线

  • 打开 开发者选项 还有 USB 调试。
  • 使用 USB 将手机连接电脑,若手机出现提示,授权电脑访问手机。
  • 在命令执行 flutter devices 确认连接电脑的设备。
  • 然后可通过执行 flutter run 运行我们的 app。

image.png

# 连接真机--WIFI

  • 打开 开发者选项 还有 USB 调试。
  • 手机需要与电脑在同一局域网内。
  • 在Android studio的Terminal里面执行 adb connect 192.168.137.134:5555。
  • 如果报错:command not found: adb
# open ~/.bash_profile

export ANDROID_HOME=**/**/android-sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

# 然后source .bash_profile 【使我们的改动生效】
# 输入 adb 【验证是否完成配置,如果不显示 adb: command not found,说明配置完成 】

image.png
image.png
image.png
只是wifi的模式会有些慢。

# 参考

  1. Flutter 调试方式 (opens new window)
  2. vscode通过wifi调试真机的Flutter应用 (opens new window)
  3. 解决Mac上adb: command not found问题 (opens new window)