Flutter之环境搭建

 

Flutter介绍

打开Flutter官网的 https://flutter.dev/，一句话介绍：一份代码，可以让你构建美丽的App运行在Android和iIOS平台上。

说详细点，Flutter是一套跨平台的UI开发框架，上层是提供了Android风格material和iOS风格的cupertinoUI组件，开发语言Dart，底层是图形渲染引擎Skia,c++语言。

Flutter框架是一个分层的结构，每个层都建立在前一层之上。

优劣势：

  优势：              

• 提高开发效率（一套代码），热重载（即时查看更改效果），体验效果媲美原生开发（60fps）。     
•  dart语言上手简单，快速开发一个app。   

 劣势：

• 社区还不够成熟，issues问题还很多。
• 很多国内第三方服务sdk还未开始支持。

下面开始进入环境搭建。（需备好梯子）

打开地址：https://flutter.dev/docs/get-started/install，笔者电脑是macos，所以下面部分都是在macos系统操作，其他的平台可参照官网流程，应该没多大问题。

开发环境要求：

• Operating Systems: macOS (64-bit)
• Disk Space: 700 MB (does not include disk space for IDE/tools).
• Tools: Flutter depends on these command-line tools being available in your environment.

这些都具备，下载sdk

• https://flutter.dev/docs/development/tools/sdk/archive?tab=macos选择版本，这里我们选择最新的1.2.1,下载好解压文件。     
• 添加到系统环境PATH。（类似android sdk添加系统环境变量） 编辑.bash_profile，添加路径 。     
• 更新系统环境PATH ：分别输入执行source ./.bash_profile,echo $PATH  查看是否已经添加成功。     

这样，Flutter的sdk就已经安装好了，下面运行 flutter doctor命令可以让其检查依赖是否已经装好。

例如：androidsdk 或者iOS sdk之类的。

Android Studio

•  android studio 插件安装
• 运行hello world

插件安装很简单，Android Studio->Preferences->Plugins->输入Flutter Install 即可。重启Android Studio。

Hello,World

创建一个Flutter工程，Run即可。