跳至主要內容

环境

Emilia Zhen大约 3 分钟flutter

特点

  • 跨平台：至少跨Linux、Android、IOS、Fuchsia，甚至支持嵌入式开发
  • 原生用户界面：原生的，有更好的体验更好的性能
  • 开源免费
  • 120fps 超高性能，采用 GPU 渲染技术
  • 生态：插件丰富

安装

  1. 在环境变量用户变量里加入变量
  2. 安装Git，安装JAVA
  • 选择Accept License Agreementopen in new window
  • 新建环境变量JAVA_HOME，值为JDK安装目录，D:\Java\jdk1.8.0_102
  • 新建环境变量CLASSPATH，值为%JAVA_HOME%/lib/tools.jar;%JAVA_HOME%/lib/dt.jar
  • 设置完成后可以在终端执行java -version查看版本
  1. 获取Flutter SDK，在C:/flutter中
git clone -b master https://github.com/flutter/flutter.git
  • 在拉取的文件下找到flutter_console.bat
  • 将flutter\bin的全路径加入到用户变量的Path中
  1. PowerShell运行flutter doctor，命令输入flutter doctor --android-licenses一律选 y 安装证书
  2. 安装Android Studio
  • Settings => Plugins => flutter => install 安装插件
  • 汉化open in new window ，将resources_zh_cn_<软件名>_<版本>.jar文件放到软件安装路径下的lib目录中，重启软件
  • 设置安卓模拟器
    • 在Android Studio打开AVD Manager，并选择Create Virtual Device
    • 选择一个设备并选择Next
    • 为要模拟的Android版本选择一个或多个系统镜像，建议使用x86或x86_image
    • 在Emulated Performance下选择Hardware-GLES 2.0以启用硬件加速
  1. VsCode中，插件安装flutter

创建新应用

  • VsCode中F1打开命令面板，输入flutter选择Flutter:New Project，输入要创建的Project名称，然后放入指定的项目位置，等待项目创建后，应用程序的代码位于lib/main.dart
  • 或者使用PowerShell，flutter create xxxprojectname

运行应用

在VsCode中F5打开调试窗口，点击运行，等待应用启用，成功后将在设备或模拟器上看到应用程序

flutter run
  • R 键：重新加载
  • P 键：显示网格
  • O 键：切换Android和ios的预览模式
  • Q 键：退出调试预览模式

直接开启虚拟机

  1. 找到emulator.exe这个程序，C:\Users\Administrator\AppData\Local\Android\Sdk\emulator
  2. 查看AVD的设备名称，进入编辑模式并复制名称，新建一个xxx.bat文件到桌面，AVD名称空格改为下划线
C:\Users\Administrator\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Pixel_2_XL_API_28

保存后双击就可以迅速打开虚拟机了

  • -netdelay none 设置模拟器的网络延迟
  • -netspeed full 设置网络加速值 或者在Vscode的点击右下角No Devices，选择显示出来的在电脑上已安装的虚拟机

flutter 更新到最新版

flutter upgrade

或者下载最近版本压缩包，将旧的删除后解压到原来位置

使用第三方模拟器，不安装 android studio

  1. 在官网下拉，在Command line tools only里下载对应平台的sdkManager
  2. 解压，新建环境变量JAVA_HOME，值为SDK安装目录，如D:\android\Sdk
  3. 在环境变量Path中加入%ANDROID_HOME%\tools
  4. 在android/sdk/tools/bin目录下，在终端中执行命令sdkmanager --list查看已安装的和可以安装的列表
  5. 根据列表下载包，我这里是下的安卓28，执行sdkmanager "platform-tools" "platforms;android-28" 、sdkmanager "build-tools;28.0.3"
  6. 配置环境变量Path，加入%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\build-tools 下载gradle到C:\Users\.gradle\wrapper\dists\gradle-xxx-all\xxx，将下载open in new window下来的.zip文件放入。 在项目的android/build.gradle的buildscript和 allproject同时加上 mavenCentral() google()
    repositories {
        google()
        jcenter()
        // maven { url 'https://maven.aliyun.com/repository/google' }
        // maven { url 'https://maven.aliyun.com/repository/jcenter' }
        // maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }

删./flutter/bin/cache/lockfile

命令装 sdk 并配安卓虚拟机

  1. 从android上下载cmdline-tools包，解压到目录D:\AndroidSdk\cmdline-tools\latest
  2. 新增环境变量ANDROID_SDK_ROOT，值为D:\AndroidSdk
  3. 新增Path:
  • %ANDROID_SDK_ROOT%\cmdline-tools\latest\bin;
  • %ANDROID_SDK_ROOT%\build-tools;
  • %ANDROID_SDK_ROOT%\platform-tools;
  • %ANDROID_SDK_ROOT%\emulator
  1. sdkmanager --list 查看已安装和可以安装的包 装包sdkmanager "platform-tools" "platforms;android-29" 、sdkmanager "build-tools;29.0.3"
  2. 装sdkmanager "system-images;android-29;google_apis;x86" 创安卓虚拟机avdmanager create avd --force --name my_phone -k "system-images;android-29;google_apis;x86" -d "Nexus 6P" -c 2048M 查看虚拟机列表avdmanager list avd 运行虚拟机emulator -avd my_phone
  3. 插入SD卡
mksdcard  200M sdcard.img
emulator -avd my_phone -sdcard sdcard.img
EmiliaZhen
Copyright © 2024 Emilia Zhen