Flutter学习之环境安装

1.Flutter学习之环境安装

参考网址https://www.jianshu.com/p/ad73acf29c97

https://pub.dev/

flutter下载及环境变量

• 官网下载flutter
• https://flutter.cn/docs/get-started/install/windows
• 下载后放置指定文件位置（名称不能含有空格特殊字符，不要放在高权限文件夹下）
  
• 配置环境变量
• 
• 在环境变了中增加国内镜像，下方镜像二选一

// 国内
PUB_HOSTED_URL  https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL  https://storage.flutter-io.cn
// 清华
FLUTTER_STORAGE_BASE_URL https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL https://mirrors.tuna.tsinghua.edu.cn/dart-pub
// 添加后在cmd 中运行以下命令
flutter doctor // 检查是否成功

安装Android Studio

安装完后执行命令，将flutter 与编辑器关联

// 编辑器安装路径
flutter config --android-studio-dir D:\android_studio  
// 安装sdk 的路径（安装时有自定义过，没有默认在C:\Users\yhzhao16\AppData\Local 下）
flutter config --android-studio-sdk D:\soft\AndroidSdk   
// 验证
flutter doctor

• 成功的状态

• 可能报错
• 解决，在编辑器中点击File-Settings 按照下面的步骤安装对应插件即可
  

在Android Studio中安装虚拟机

安装vscode 使用flutter

• 安装dart
• 安装flutter
• 安装代码补全插件

flutter常用命令

// 查看运行设备
#flutter devices
// 查看可运行模拟器
#flutter emulators
// 选择运行模拟器
#flutter emulators --launch <emulator id>
// 执行
#flutter run
// 新建工程
#flutter create projectName

在vscode 中使用flutter

运行虚拟机

• 快建键：ctrl+shift+P
• 输入：Flutter:Launch Emulator
• 选择执行虚拟机
  
  
  2.命令行方式

// 查看模拟机
flutter emulators    
// 运行模拟机  flutter emulators --launch 模拟机id
flutter emulators --launch Pixel_2_API_UpsideDownCakePrivacySandbox  

flutter 使用 调试工具

• 快建键：ctrl+shift+P
• 输入：Flutter:Open DevTools
• 默认打开浏览器
• 命令行运行flutter run,得到链接地址
  

命令行方式

#flutter pub global activate devtools
#flutter pub global run devtools 
// 得到
An Observatory debugger and profiler on iPhone X is available
at: http://127.0.0.1:50976/Swm0bjIe0ks=/

• 在下方输入http://127.0.0.1:50976/Swm0bjIe0ks=/