适合Android开发者的Flutter学习指南 : 一、搭建Flutter环境

Flutter作为一个跨平台语言,可以开发手机APP,Web、桌面端应用等。开发Flutter可以使用的工具有AndroidStudio、XCoder、VSCode、IntellJ IDEA等,Android开发者最常使用的开发工具是Android Studio,作为专门给Android开发者的Flutter学习指南,这一篇内容都是基于Android Studio进行编写的。

要开始Flutter开发,首先要配置Flutter的环境。

一、配置Flutter环境

1. 下载最新的AndroidStudio

Android Studio下载地址 :developer.android.google.cn/studio?hl=z... 根据电脑的系统选择不同的软件包下载,我这里选择的是Window(64位)的软件包 :

下载完成后,安装AndroidStudio

2. 在AndroidStudio中安装Dart和Flutter插件

打开AndroidStudio,点击File->Setting->Plugins,选择Marketplace,在输入框中输入Flutter/Dart,下载这两个插件,如图所示:

3. 下载Flutter SDK

进入Flutter中文网,docs.flutter.cn/get-started... 在该网站中找到下载并下载FlutterSDK。

4. 配置Flutter SDK

在环境变量中配置Flutter SDK:

5. 在AndroidStudio中配置Flutter SDK和Dart SDK

在AndroidStudio的"Settings"中找到"Languages & Frameworks" ,在其中找到"Flutter",在Flutter页签中配置FlutterSDK,同样的,在Dart页签配置DartSDK

创建第一个Flutter APP

新版本的AndroidStudio中没有创建Flutter Project的选项了,笔者也没有细究这件事,如果无法使用Android Studio直接创建,可以使用命令行创建的方式创建。 在创建Project的目录里面打开CMD,或者直接在CMD中进入该目录,输入以下命令创建Flutter Project

flutter create ProjectName

如图所示:

创建完后,使用AndroidStudio打开该项目 :File -> Open -> my_first_flutter_app

打开之后,可以看到项目自动生成的文件和代码,连接真机,点击右上角的run按钮,就可以在真机上运行第一个Flutter APP了。

运行结果如下图 :

相关推荐
常利兵3 小时前
Android内存泄漏:成因剖析与高效排查实战指南
android
·云扬·3 小时前
MySQL 8.0 Redo Log 归档与禁用实战指南
android·数据库·mysql
野生技术架构师3 小时前
SQL语句性能优化分析及解决方案
android·sql·性能优化
ZH15455891313 小时前
Flutter for OpenHarmony Python学习助手实战:API接口开发的实现
python·学习·flutter
我是伪码农3 小时前
Vue 智慧商城项目
前端·javascript·vue.js
不认输的西瓜3 小时前
fetch-event-source源码解读
前端·javascript
用户39051332192883 小时前
前端性能杀手竟然不是JS?图片优化才是绝大多数人忽略的"降本增效"方案
前端
一只大侠的侠3 小时前
Flutter开源鸿蒙跨平台训练营 Day11从零开发商品详情页面
flutter·开源·harmonyos
一只大侠的侠3 小时前
React Native开源鸿蒙跨平台训练营 Day18自定义useForm表单管理实战实现
flutter·开源·harmonyos
一只大侠的侠3 小时前
React Native开源鸿蒙跨平台训练营 Day20自定义 useValidator 实现高性能表单验证
flutter·开源·harmonyos