搭建flutter开发环境

1. 安装jdk并配置环境变量

2. 下载病安装AndroidStudio https://developer.android.google.cn/studio

3. 下载Flutter SDK 选择对应操作系统Stable的最新版本下载即可，如果是windows系统下载后解压，将解压目录的bin目录配置到windows的系统path环境变量里，然后命令行使用flutter -v检测是否安装成功。

4. 由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

5. 运行flutter doctor检测环境是否搭建成功
   flutter.png
   
   

   第一次运行会提示运行flutter doctor --android-licenses
   按照提示运行上述命令所有选项选Y即可

6. 使用AndroidStudio创建项目
   第一次创建flutter项目需要安装flutter插件

   
   
   d1.png
   
   

   搜索flutter插件安装

   
   
   d2.png
   
   重启AndroidStudio即可创建flutter项目
   
   d3.png
   
   选择flutter项目创建
   
   d4.png
   
   

   设置项目信息，注意flutter sdk选择之前下载安装的flutter目录

   
   
   d5.png
   
   创建好的项目结构如图
   
   d6.png
   
   但是要运行项目需要重新导入项目，选择file->open 选择创建的项目下的android项目，重新打开即可
   
   d7.png
   
   醒目目录结构如图，运行需要下载很多依赖，如果下载失败，可以试着连手机热点进行下载 下载好后，真机连接电脑，打开手机开发者模式，点击run选择连接的手机即可运行项目，该项目会自动下载安装到手机
   
   d8.png

7. 在VSCODE上运行项目
   安装Awesome Flutter Snippets，flutter，dart三个插件
   进入创建好的项目 使用flutter run运行项目

R键：热加载
P键：显示网格
O键：切换android和ios的预览模式
Q键：退出调试预览模式