Flutter安装部署运行,bug笔记

Flutter SDK安装与配置指南
本文档详细介绍了Flutter SDK的下载与安装步骤,包括在Android Studio中添加Flutter插件,使用`flutter doctor`检查环境,并提供了针对Windows环境的特定配置,如设置PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL。遇到模拟器检测问题时,建议降低Flutter版本或调整模拟器内存。此外,还分享了如何解决Android app编译问题和调整Android Studio的内存设置。

1、根据官方文档下载flutterSDK(附带dart),AndroidStudio下载flutter插件(附带dart)。

2、然后在flutter路径的cmd命令框,或在AS新项目目录里的文件pubspec.yaml界面,或在AS命令框执行flutter doctor查漏补缺。

注:

  • 以项目能否正常运行为准,maven.google.com连接不上不影响。
  • Windows环境变量配置:

     新建 变量 PUB_HOSTED_URL,其值为https://pub.flutter-io.cn

     新建 变量 FLUTTER_STORAGE_BASE_URL, 其值为https://storage.flutter-io.cn

  • 下图的Android的app里的飘红是因为flatter不编译,不影响。

  • 检测不到模拟器多半因为flutterSDK版本高,降一点版本即可。

  • 修改模拟器内存容量,找文件Android Studio\bin\studio64.exe.vmoptions。

### 安装部署 Flutter 与 Dart #### 1. 环境准备 在安装 Flutter 和 Dart 之前,需要确保系统中已安装以下工具: - **操作系统**:支持 Windows、macOS 和 Linux。 - **磁盘空间**:Flutter 安装包较大,建议预留至少 1.5GB 的磁盘空间。 - **Git**:Flutter 依赖 Git 进行版本管理和依赖更新。 - **文本编辑器或 IDE**:推荐使用 Android Studio、IntelliJ IDEA 或 VS Code。 #### 2. 安装 Flutter SDK **步骤 1:下载 Flutter SDK** 前往 [Flutter 官网](https://flutter.dev) 下载对应操作系统的 Flutter SDK 安装包[^1]。 **步骤 2:解压并配置环境变量** - **Windows**:将 `flutter\bin` 添加到系统环境变量 `PATH`。 - **macOS/Linux**:在终端中执行以下命令: ```bash export PATH="$PATH:`pwd`/flutter/bin" ``` 为了永久生效,可以将上述命令添加到 `~/.bash_profile` 或 `~/.zshrc` 文件中。 **步骤 3:验证安装** 打开终端或命令行工具,执行以下命令: ```bash flutter doctor ``` 该命令会检查系统中 Flutter 所需的依赖是否齐全,并提示需要安装的组件。 #### 3. 安装 Dart Flutter SDK 已经内置了 Dart,因此在安装 Flutter 后,Dart 也会自动安装。可以通过以下命令验证 Dart 是否安装成功: ```bash dart --version ``` 如果系统输出 Dart 的版本信息,则表示安装成功[^1]。 #### 4. 配置开发工具 **Android Studio / IntelliJ IDEA** 1. 打开 IDE,进入 `Settings` > `Plugins`。 2. 搜索并安装 **Flutter** 和 **Dart** 插件。 3. 重启 IDE 后,选择 `File > New > Project`,选择 Flutter 项目模板,开始创建项目。 **VS Code** 1. 在 VS Code 中打开扩展市场(快捷键 `Ctrl+Shift+X`)。 2. 搜索并安装 **Flutter** 和 **Dart** 扩展。 3. 安装完成后,使用快捷键 `Ctrl+Shift+P` 打开命令面板,输入 `Flutter: New Project` 创建新项目。 #### 5. 安装设备模拟器 **Android 设备** - 安装 [Android Studio](https://developer.android.com/studio),并配置 Android SDK。 - 在 Android Studio 中打开 AVD Manager,创建 Android 虚拟设备。 **iOS 设备(仅限 macOS)** - 安装 Xcode,并在 App Store 中下载。 - 安装完成后,使用 Xcode 配置 iOS 模拟器。 #### 6. 创建并运行 Flutter 项目 使用以下命令创建一个新的 Flutter 项目: ```bash flutter create my_flutter_app ``` 进入项目目录并运行: ```bash cd my_flutter_app flutter run ``` 该命令会自动启动模拟器并运行 Flutter 应用程序[^1]。 #### 7. Flutter 与 Dart 的版本更新 为了保持 Flutter 和 Dart 的最新特性,可以定期更新 SDK: ```bash flutter upgrade ``` 该命令会将 Flutter 和 Dart 更新到最新稳定版本[^4]。 --- ### 示例代码:简单的 Flutter 应用 以下是一个简单的 Flutter 应用示例,展示了一个带有按钮的界面,并在点击按钮时更新文本: ```dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: MyHomePage(), ); } } class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Demo'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme.of(context).textTheme.headline4, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add), ), ); } } ``` --- ### 8. 部署到设备 **Android** - 使用 USB 连接设备,并在设备上启用开发者模式和 USB 调试。 - 执行以下命令安装应用: ```bash flutter install ``` **iOS** - 在 Xcode 中配置签名和证书。 - 使用以下命令运行应用: ```bash flutter run ``` --- ### 9. 构建发布版本 构建 Android 和 iOS 的发布版本: ```bash flutter build ``` 该命令会生成优化后的构建文件,分别位于 `build/app/outputs/apk/release`(Android)和 `build/ios`(iOS)目录中。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值