flutter - 技术栈

flutter

qq_14030341442026-05-20 8:44

官网

https://docs.flutter.cn/community/china/

下载sdk

https://cloud.tencent.com/developer/article/2225257

vscode 配置flutter sdk

复制代码

{
  "dart.flutterSdkPath": "D:\\flutter",  // 改为你的实际路径
  "dart.sdkPath": "D:\\flutter\\bin\\cache\\dart-sdk",  // 可选
}

创建flutter项目

复制代码

# 在终端中运行
flutter create my_table_app
cd my_table_app

安装 Android Studio 并配置 Android SDK
https://developer.android.com/studio
https://developer.android.google.cn/studio?hl=zh-cn

unable to sccess android sdk add-on list
https://blog.csdn.net/qq_43592064/article/details/155617499

复制代码

sdk.dir=D:\\download\\program\\idea\\Android\\Sdk

javascript 复制代码

distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.14-all.zip

Visual Studio 2022 以支持 Windows 应用开发
https://visualstudio.microsoft.com/zh-hans/downloads/

运行flutter
flutter run

javascript 复制代码

// 默认debug 
该模式下代码未优化、启用了断言和 observatory，性能极差（尤其 Web 平台）。10 行数据渲染 5 秒在 Debug 下是正常的
flutter run -d chrome  

//使用 Release 模式 运行或构建
flutter run -d chrome --release

$env:ANDROID_HOME

创建安卓模拟器

javascript 复制代码

ANDROID_HOME
D:\download\program\idea\Android\Sdk

path：
%ANDROID_HOME%\cmdline-tools\latest\bin
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator

javascript 复制代码

sdkmanager --list | findstr "system-images"

sdkmanager "system-images;android-33;google_apis_playstore;x86_64"
sdkmanager "system-images;android-34;google_apis_playstore;x86_64"

安装完系统镜像后，你可能需要接受许可证
flutter doctor --android-licenses
根据提示输入 y 同意所有协议

xml 复制代码

flutter clean
flutter pub get