2.flutter开发基础-搭建开发环境

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

执行该命令后，命令会自动帮你创建工程项目结构：

屏幕快照 2018-04-19 下午9.04.31.png

其中flutter的主要代码在lib目录，android和ios目录分别是平台特定代码实现。res为资源目录，test为单元测试存放的目录，这里需要关注的是pubspec.yaml，该文件描述了构建项目所依赖的组件。flutter的pub是类似于cocoapods一样的管理工具，pubspec.yaml相当于Podfile
项目创建好了，可以运行 flutter run来构建，运行结果如下图：

image

推荐使用Android Studio作为集成开发环境，在Android Studio中启动程序：

image