Flutter环境配置

这篇博客详细介绍了Flutter的本地环境配置步骤,包括修改环境变量、安装Flutter、添加环境变量、执行`flutter doctor`检查以及新建项目的两种方法。在安装过程中提到了可能遇到的问题,如编译慢,以及如何解决这些问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本地环境安装流程:

首先贴上Flutter官网和中文网地址:
官网: https://flutter.dev/
中文网:https://flutterchina.club/

   我自身是mac系统,所以就mac下安装过程和遇到的问题进行总结,希望对大家有所帮助

在文档中,首先找到Get Start-> Install 其中有很明显的针对国内开发者的一个文档:
Important: If you’re in China, first read Using Flutter in China. 😂

以下为其中安装步骤:

1. 修改环境变量,添加这两个镜像地址

 export PUB_HOSTED_URL=https://pub.flutter-io.cn
 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

(ps : 镜像地址可能会有变化,请以文档上为准 参考 https://flutter.dev/community/china)

2. 本地安装flutter环境

方式一:git clone -b dev https://github.com/flutter/flutter.git
方式二:https://github.com/flutter/flutter/releases 选择指定版本下载
方式三:https://flutter.dev/docs/development/tools/sdk/releases 官网选择下载
推荐后两者进行安装,在我选择方式1进行clone后,个人在编译flutter项目始终会在build文件报错。

3. 添加flutter环境变量

命令行: vi ~/.bash_profile ,输入对应的位置在这里插入图片描述

4. 执行:flutter doctor

该命令会检查当前你的flutter是否安装成功,包括
在这里插入图片描述
首先会检查dart是否安装,没有安装在运行该命令后会自行安装
其次 检查Android sdk是否存在,安装插件 Android studio 需要安装dart flutter插件
然后 检查Xcode 是否存在(直接在App Store中下载 8个G… 因为公司网太差,耗光了我的手机流量)
检查是否同意开发协议(如果没有同意全部协议,根据提示渐入命令行后一直输入y即可)
最后检测是否链接了设备

5. 新建项目

方式一:flutter create myapp
方式二:通过Android studio -> File -> new Flutter Project (Android Studio版本需要在3.0以上)
推荐第一种,感觉第一种构建效率比在IDE当中稍快一点

  1. 编译运行项目:
    遇到的问题:
    编译下载过慢,修改android.build文件中 ext.kotlin_version = '1.3.0’改为本地存在的版本
    或者:

修改⁨ ▸ ⁨flutter⁩ ▸ ⁨packages⁩ ▸ ⁨flutter_tools⁩ ▸ ⁨gradle⁩

中的flutter.gradle的仓库文件如下

 repositories {
//        google()
//        jcenter()
        maven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
        maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' } 
    }

最终完美运行解决

附上手机成功运行图

在这里插入图片描述

### 如何配置 Flutter 开发环境 #### 下载并安装 Flutter SDK 为了开始配置 Flutter 的开发环境,首先需要下载 Flutter SDK。可以在中国镜像站点或者官方站点上找到适合的版本进行下载[^1]。完成下载之后,解压缩文件到指定目录,并通过执行 `flutter_console.bat` 文件来初始化环境设置。 #### 设置环境变量 接着,在操作系统中配置环境变量以便于命令行工具能够识别 Flutter 命令。这一步骤对于确保全局范围内都可以调用 Flutter 至关重要[^3]。具体操作如下: - 打开系统的高级设置界面; - 编辑 PATH 变量,加入 Flutter 的 bin 路径(例如 C:\flutter\bin)。 #### 测试安装是否成功 在终端窗口输入以下命令验证安装情况以及检查是否有任何依赖项缺失: ```bash flutter doctor ``` 此命令会扫描当前机器上的配置状态,并报告可能存在的问题或建议改进措施[^2]。 #### 安装 Android Studio 和其他必要组件 除了基本的 Flutter 工具链外,还需要准备一个集成开发环境 (IDE),比如 Google 推荐使用的 Android Studio 来辅助编码工作流[^4]。访问其官网链接获取最新版软件包后按照提示逐步完成整个过程即可。 --- ### 提供一段简单的 Dart 代码作为测试用途 当一切就绪以后,可以用下面这段小程序尝试运行第一个应用程序以确认整体流程无误。 ```dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Hello World')), body: Center(child: Text('Welcome to Flutter!')), ), ); } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值