【Flutter筆記】之環(huán)境搭建

介紹

Flutter 是 Google 用以幫助開發(fā)者在 iOS 和 Android 兩個平臺開發(fā)高質(zhì)量原生 UI 的移動 SDK。Flutter 兼容現(xiàn)有的代碼,免費且開源。使用Dart語言。

基于Android Studio環(huán)境搭建

支持flutter的IDE 目前有Android Studio、 IntelliJ、Visual Studio。

安裝 Flutter 和 Dart 插件

在Android Studio中安裝這兩個插件。

  • Flutter 插件可以提高 Flutter 在開發(fā)過程中的開發(fā)效率(運行,調(diào)試,熱重載等等)。
  • Dart 插件提提升了代碼層面的開發(fā)效率(在你敲代碼的同時進行代碼校驗,代碼自動補全等等)。

安裝步驟

  • 啟動 Android Studio。
  • 打開插件設(shè)置(在 macOS 上路徑為 Preferences>Plugins,在 Windows 和 Linux 上路徑為 File>Settings>Plugins)。
  • 當(dāng)彈出對話框提示要安裝 Dart 插件的時候,點擊 Yes 接受。
  • 如果彈出 Restart 需要重啟編輯器的時候,點擊 Yes 接受。


    創(chuàng)建Flutter項目

    【注意】
    第一次運行時候要選擇指定的文件夾,然后點擊install SDK 來安裝Flutter SDK環(huán)境,可能需要下載一會。

Hello Word

在Android Studio中創(chuàng)建項目的時候會有New Flutter Project選項這時候如果本地沒有Flutter環(huán)境的話 會讓你下載。

創(chuàng)建后可以看到IDE的右上角有些功能按鈕。


項目目錄結(jié)構(gòu)

可以看到這里不但有Android的目錄,還有iOS的目錄,運行的時候如果有iOS設(shè)備以及模擬器的話 是可以直接選擇運行的。

右側(cè)閃電的標志支持熱重載編譯運行。

運行效果

由于我是mac電腦,特意選了一個iOS模擬器,在Android Studio直接運行在iOS設(shè)備上還是很爽的。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容