1.flutter开发环境配置
flutter开发工具链:
- 开发语言是dart,参考https://www.dartlang.org/
- flutter基础库,参考:https://flutter.io
- 包管理 pub https://pub.dartlang.org/flutter
- 支持IDE atom/VSCode, AndroidStudio
安装flutter
以Macos为例,flutter现在提供了安装包,下载地址: https://storage.googleapis.com/flutter_infra/releases/beta/macos/flutter_macos_v0.2.8-beta.zip
下载后解压缩到目录:
cd ~/development
unzip ~/Downloads/flutter_macos_v0.2.8-beta.zip
为了方便以后使用,可以将flutter加入到path
路径中:
export PATH=`pwd`/flutter/bin:$PATH
安装好了后,可以运行flutter来检查开发环境需要的组件,该命令会自动帮你安装缺失的组件,并能自动保持更新:
flutter doctor
检查结果:
[-] Android toolchain - develop for Android devices
• Android SDK at /Users/obiwan/Library/Android/sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
• Try re-installing or updating your Android SDK,
visit https://flutter.io/setup/#android-setup for detailed instructions.
flutter大量参考了React Native的开发流程和范式,也提供了命令行的项目创建和构建工具,从命令行创建项目:
flutter create demo_project
执行该命令后,命令会自动帮你创建工程项目结构:
其中flutter的主要代码在lib目录,android和ios目录分别是平台特定代码实现。res为资源目录,test为单元测试存放的目录,这里需要关注的是pubspec.yaml,该文件描述了构建项目所依赖的组件。flutter的pub是类似于cocoapods一样的管理工具,pubspec.yaml相当于Podfile
项目创建好了,可以运行
flutter run
来构建,运行结果如下图:推荐使用Android Studio作为集成开发环境,在Android Studio中启动程序: