第一步，安裝flutter執行環境

由於現在還在開發初期，並沒有穩定編譯版本，所以需要拉原始碼自己編譯。

git clone -b beta https://github.com/flutter/flutter.git

拉下來後將flutter目錄下的\flutter\bin\目錄加到環境變數path，然後開啟cmd：

1.執行flutter，這裡會執行一些其他下載即配置

2.執行flutter doctor，檢查是否配置和安裝完成。

flutter會自動下載dart sdk，目錄為：\flutter\bin\cache\dart-sdk

一點補充：上面的beta分支可選，另外還有master，dev，但是可能不穩定，存在bug，有興趣的可以嘗試。

第二步：開發ide及sdk配置

以android studio為例，下載和配置android sdk，jdk參照其他部落格，下面主要是安裝flutter和dart外掛。

開啟設定，進入plugin設定介面，選擇底部的browser respositories，如下：

然後分別搜尋和安裝flutter、dart的外掛

注意，在下載時發現需要翻牆，所以請備好梯子。

安裝好外掛後，重啟android studio，然後就可以建立flutter工程了：

然後設定flutter和dart的sdk路徑：

到此環境就安裝完成了，下面稍微說下工程結構（一點個人理解，有誤還請不吝賜教）

我看了下android和ios目錄下的程式碼，只有很簡單的外掛代理工作，即還是native的工程結構，下面附上android工程的程式碼：

可以看到，manifest裡只註冊了MianActivity，且MainActivity只有一行程式碼：

@Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    GeneratedPluginRegistrant.registerWith(this);
  }

/**
 * Generated file. Do not edit.
 */
public final class GeneratedPluginRegistrant {
  public static void registerWith(PluginRegistry registry) {
    if (alreadyRegisteredWith(registry)) {
      return;
    }
  }

  private static boolean alreadyRegisteredWith(PluginRegistry registry) {
    final String key = GeneratedPluginRegistrant.class.getCanonicalName();
    if (registry.hasPlugin(key)) {
      return true;
    }
    registry.registrarFor(key);
    return false;
  }
}
 

上面的程式碼還沒開始學習，留待後面更新。

工程模式切換到android後如下：

新的征程：dart語言以及flutter框架。