Ubuntu20.04搭建flutter开发环境

根据我的实践分享flutter开发环境的搭建过程。假设你已经搭建好Android的开发环境了。

1.下载Flutter SDK

Flutter SDK包括Flutter的引擎、框架、widgets、工具和Dart SDK。
大家可以在github(https://github.com/flutter/flutter)上下载Flutter release版本。也可以直接下载SDK的源码,我这里就是直接将它的主分支源码源库拉下来:

~$ git clone https://github.com/flutter/flutter.git

2.Android Studio安装插件

File>Setting>plugins,搜索并安装Flutter和Dart插件

Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

在这里插入图片描述Dart语言支持是在SDK中提供的。这是开发flutter应用的主要开发语言。

3.配置环境变量

我们将配置写在当前linux用户下的配置文件~/.bashrc中(即只有当前用户可以用):

~$ vim .bashrc

在文件最后加入:

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=/home/wong/flutter/bin:$PATH // flutter的工具

使用配置文件生效

~$ source .bashrc

4.检查flutter的环境是否还有问题

以下这个命令可以告诉你的环境还缺什么。

~$ flutter doctor

如果没有什么问题,就可以创建项目,如果有项目扫它的要求完成就OK。但往往没有那么顺利,我在这个实践过程中,遇到必须下载NDK、连接上的手机,

5.创建Flutter项目

可以通过Android studio创建Flutter项目,但是很慢,一度让我觉得卡住了,因为它会一直停留在creating flutter project…那个界面。所以我这里采用命令来创建项目,这样更快:

~/AndroidStudioProjects$ flutter create 项目名

创建好的项目,如果没有什么问题可以直接运行。但是,通常没有那么容易。所以用命令创建好项目后,用android studio打开项目,编译一下,解决一下出现的问题,建议修改project的build.gradle的下载依懒地址,这样会比较快:

buildscript {
    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' }
    }
...
}

allprojects {
    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

在android studio点击运行也是可以的。我这里用命令行的形式运行

~/项目名$ flutter run

第一次运行会需要等待比较长的时间 ,因为它要下载很多依赖。
在这里插入图片描述

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

WongKyunban

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值