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
第一次运行会需要等待比较长的时间 ,因为它要下载很多依赖。
本文地址:https://blog.csdn.net/weixin_40763897/article/details/107920009
下一篇: 乾坤智能门锁在北京地区全面推广优惠活动
推荐阅读
-
JDK Android_SDK Android_Studio Genymotion VirtualBox搭建安卓开发环境
-
详解MAC OSX Docker开发环境搭建
-
PHP+Oracle本地开发环境搭建方法详解
-
VS2015 搭建Asp.net core开发环境的方法
-
ubuntu下搭建php开发环境(nginx+(cgi)php5fpm+memcached+xdebug)
-
如何搭建PhpStorm 10.0.2开发环境?PhpStorm 10.0.2环境搭建安装图文教程
-
在MAC上搭建python数据分析开发环境
-
mac下Apache + MySql + PHP搭建网站开发环境
-
[微信公众平台开发]php开发环境搭建设置(一)
-
Linux下Android开发环境搭建详细步骤