1.flutter开发环境配置

flutter开发工具链:

• 开发语言是dart，参考https://www.dartlang.org/
• flutter基础库，参考：https://flutter.io
• 包管理 pubhttps://pub.dartlang.org/flutter
• 支持IDEatom/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
本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:http://www.dengtar.com/18040.html