## 开发环境的搭建 1. 系统的基本要求 2. JAVA环境的安装 3. Flutter SDK的安装 ## Flutter SDK的安装 1. 下载地址： https://flutter.io/sdk-archive/#windows 2. 配置环境变量 3. Flutter doctor命令的使用 安装完成 命令行 flutter flutter doctor ## Andriod Studio的介绍和安装 下载地址：https://developer.android.com [https://developer.android.google.cn/studio/](https://developer.android.google.cn/studio/) 在安装过程中需要下载一系列的插件，所以会很慢 ## Dart和Flutter开发插件的安装 打开Android Studio ，找到Plugin进行安装 出现Search in repositories时点击进入 安装Flutter会自动安装Dart插件 // Android Studio软件，安装flutter插件，重启，start a new flutter project 针对于前端开发者，尽量不用Android Studio ## Android证书的安装 flutter doctor --android-licenses [https://www.cnblogs.com/xiadewang/p/7820377.html](https://www.cnblogs.com/xiadewang/p/7820377.html) 如果已经在andriod studio中安装了andriod sdk， 需要去计算机=》高级属性=》环境变量配置 ==》用户变量配置 ANDROID_HOME：D:\flutter\andriodSdk注意需要重启电脑 这时flutter doctor： Android licenses not accepted。 X Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses **flutter doctor --android-licenses** 安装虚拟设备： ## AVD虚拟机的建立 1. 打开Android Studio，选择新建Flutter project 2. 再选择Flutter Application，需要等待一会 一般使用真机来调试（测试机） 新建flutter project=》Flutter Application =》项目信息 新建虚拟机流程： Tools=>AVD Manager=>create Virtual Device ## VSCode中搭建开发环境 1. VScode中安装Flutter和Dart插件 安装flutter会自动安装dart 2. VSCode中如何安装和启动虚拟机 3. VSCode中新建Flutter项目并运行 新建项目 flutter create demo001 ## flutter真机运行 [https://blog.csdn.net/qq\_43901693/article/details/91125587](https://blog.csdn.net/qq_43901693/article/details/91125587) 解决问题: [https://www.jianshu.com/p/407d3ca7037e](https://www.jianshu.com/p/407d3ca7037e) [https://blog.csdn.net/qq\_43901693/article/details/91125587](https://blog.csdn.net/qq_43901693/article/details/91125587) 卡顿终极解决方案 [https://www.cnblogs.com/yehuabin/p/10344713.html](https://www.cnblogs.com/yehuabin/p/10344713.html) Flutter Resolving dependencies...很慢解决办法 [https://www.jianshu.com/p/31e5800e18d9](https://www.jianshu.com/p/31e5800e18d9) ## 写一个HelloWorld程序 1. helloWorld 2. StateFullWidget（动态组件，进度条）和StatelessWidget（静态组件，文本框）区别 3. VScode快捷键和加载方法 ### 升级Flutter SDK 1. 在终端中使用**flutter upgrade** 2. 删除SDK包重新下载 ### VSCode中常用快捷键 1. R键：点击后热加载，直接查看预览结果 2. P键：在虚拟机中显示网格，工作中经常用到 3. O键：切换Android和IOS的预览模式 4. Q键：退出调试预览模式 ## 更快的调试方式 debug模式