Flutter 环境搭建踩坑

Flutter 开发环境搭建

1. 安装 java

   • 下载 jdk
   • 配置 java 环境变量
   • 测试环境变量是否配置成功
     • cmd 环境下: java --version

2. android-sdk 下载和配置配置

   • SDK 下载
   • SDK 使用上, 很容易被墙掉, 实际上这里有很多坑, 都是泪.

3. Android Studio

   • 下载安装 (可以使用 vscode, 看个人爱好和机器配置了)

   • 插件(flutter, dart 插件)

   • 如果安装失败的话, 插件进行本地离线安装

     
     image.png

   • 配置好 sdk Manager, 不要问问什么要自己下载 android-sdk, 实在是被科学翻墙搞得有点伤, sdk-manager 各种代理搞不定

     • tools -> SDK Manager -> Android SDK Location 将其设置成自己 android-sdk 解压后存放的目录

     • 下载需要的 sdk-platform 版本 (这里选择的 android 9.0 Pie)

       • 只需要勾选 Android SDK Plateform 28, rev6
       • Sources for android 28
       • Google Play Intel x86 Atom System Image
       • Google Play Intel x86 Atom_64 System Image

     • SDK Tools 勾选 Intel-X86 Emulator Accelerator (HAXM installer) 安装移动虚拟设备必须的

       • Android SDK Build-Tools
       • Android Emulator
       • Android SDK Tools
       • Android Support Repository

       • Google Repository

         
         image.png
         image.png
         image.png

4. Flutter 配置

   • 下载安装包

     • 国内镜像 https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip

   • 解压到你想要安装的目录, 这里是 D:/flutter/

   • 我的电脑-> 系统属性 -> 高级系统设置 -> 环境变量 -> 用户变量中

     • path 条目中追加 D:\flutter\bin 的全路径，使用 ; 作为分隔符.
     • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目，如果没有，添加它们, 默认的可能被墙掉。
       • FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
       • PUB_HOSTED_URL https://pub.flutter-io.cn

   • flutter doctor 查看是否需要安装任何依赖项来完成安装

   • flutter doctor --android-licenses

   • 针对安装 Failed to move away or delete existing target AndroidSDK\sdk\tools 错误解决方案

     # 针对出现 Failed to move away or delete existing target AndroidSDK\sdk\tools
     
     First, I renamed AndroidSDK\tools to AndroidSDK\tool.
     
     Then, I set the windows' environment variable Path from AndroidSDK\tools to AndroidSDK\tool (maybe not necessary)
     
     Run sdkmanager --update in tool\bin .
     
     Ignore the warning and wait until the update is done.
     
     There will be a new folder named tools in AndroidSDK.
     
     Copy all the files in tools folder and paste them to tool folder.
     
     Overlay all the files that which has the same name in tool folder.
     
     Finally,delete tools folder and rename tool to tools.
     
     Problem solved.
     

5. AVD 虚拟机的建立

   • android studio 下, tools -> AVD Manager -> create virtual devices -> 选择一个设备, apply 等待即可

   • 建立成功后, 点击播放按钮, 启动设备查看

     
     image.png

VsCode 环境搭建

1. 安装插件 Flutter, 重启 vscode
2. 初始化创建一个项目: flutter create flutter_app_demo
3. vscode右下角devices 处, 选择启动移动虚拟设备(如果没有开启的话)
4. flutter run 运行项目