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.dev/install/arc… 在该网站中找到下载并下载FlutterSDK。
4. 配置Flutter SDK
在环境变量中配置Flutter SDK:
配置国内镜像:将以下两个链接添加到系统变量
FLUTTER_STORAGE_BASE_URL : storage.flutter-io.cn
PUB_HOSTED_URL :pub.flutter-io.cn
配置Flutter Cache路径:
PUB_CACHE : D:\work\flutterCode\flutter-ohos\flutter_cache(本地电脑里的路径,配置好后,Flutter项目要用到的cache,各种三方库等文件都会下载到这个文件夹里)
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项目
flutter create ProjectName
创建flutter插件
flutter create --template=plugin --org com.example --platforms android,ios flutter_plugin_name
如图所示:
创建完后,使用AndroidStudio打开该项目 :File -> Open -> my_first_flutter_app
打开之后,可以看到项目自动生成的文件和代码,连接真机,点击右上角的run按钮,就可以在真机上运行第一个Flutter APP了。
运行结果如下图 :