設定 Flutter 開發環境 (Linux)

更新於 2022/01/24閱讀時間約 2 分鐘

1.  下載開發相關套件

  1-1.  下載 Visual Studio Code 的IDE套件

  1-2.  下載Flutter SDK

  1-3.  下載Android Studio

2.  安裝及解壓縮相關套件

  2-1.  安裝Visual Studio Code 和解壓縮Flutter SDK

  2-2.  解壓縮Android Studio檔案

  2-3.  安裝Git套件

  2-4.  設定相關的系統環境變數

    在bashrc檔案中設定: (1) Flutter SDK  (2) Android Studio路徑

3.  安裝Visual Studio Code開發擴充套件介面

  3-1.  開啟擴充套件介面:

      View -> Command Paletted -> install extensions

  3-2.  安裝Dart套件

  3-3.  安裝 Flutter 擴充套件介面

4.  安裝Androd相關開發套件

  4-1.  開啟SDK Manager的介面

  4-2.  安裝Android SDK Command-line Tools

  4-3.  執行flutter doctor 確認相關套件是否安裝完成,

      若否則執行flutter doctor --android-licenses

  4-4.  執行Flutter doctor 確認 Android 相關套件是否安

      裝完成

5.  安裝Chrome相關開發套件

  5-1.  下載Chrome 瀏覽器

  5-2.  安裝 Chrome 瀏覽器套件和執行flutter doctor 確

      認安裝結果

6.  安裝Linux相關開發套件

  6-1.  安裝 Linux Desktop Application 開發套件

sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev

  6-2.  開啟支援 Linux Desktop App 功能

flutter config --enable-linux-desktop

  6-3.  執行flutter doctor 確認安裝結果

留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
這章講述的是世界背景與角色的設定,以及小部分白鬧那邊因為他的到來所造成的變動
Thumbnail
年底是你固定設定目標的時間嗎?還是給自己設定新年新希望?設定目標的力量無庸置疑,當我們開始設定目標時,轉變就會發生,它創造了一個新的焦點,有時也像是一種新的開始,讓我們投入行動;就像是我們從球賽的觀眾席走到球場上,讓你的視角突然就不同了。
Thumbnail
因她歌聲而感動的孔明 決定成為她的軍師 幫助她完成夢想 於是、第一步便是問英子
在開發 Rust 或是使用 Rust 編寫的 CLI 工具時,常會看見類似下方的錯誤訊息: note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace 簡單寫一下該怎麼做。
Thumbnail
最近發現週六要教書的自己有個有趣的行為模式,因為要教一整天的課,中午休息時間又很短,所以我都選擇吃麥當勞,吃得越快,休息時間越多。 正是因為有了週六的中午吃速食的計劃,我發現我整週吃飯的選擇,會因此把速食這個選項剔除掉,畢竟,一個禮拜如果吃兩次麥當勞,未免也太罪惡了吧!!
Thumbnail
之前我寫過許多如何將各家網域指向CLOUDWAYS主機的文章❐,唯獨缺了gandi,以及透過Cloudflare設定DNS+串接CDN的應用,於是,便直接透過這支影片,帶大家實際操作一遍。包含在CLOUDWAYS新增SERVER、CLOUDWAYS Platform的功能介紹、Application
Thumbnail
Google tag manager又稱為GTM,是一套Google追蹤數據的整合系統,這次TinyBook將會教大家,如何設定GTM的追蹤代碼並且嵌入到TinyBook的後台,完成數據的整合追蹤哦!
Thumbnail
不知道老師們在進行線上測驗時是如何避免學生切換畫面尋找答案,又或者是避免學生找人代考呢? 今天要來介紹一款 Google 表單的外掛程式「 Quilgo 」
Thumbnail
從瀏覽器console看到類似這個error:  ..... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource 表示遇到CORS的
Thumbnail
這篇文章要教你如何透過權限控管,保護 FastAPI 生成的 API 文件,讓使用者需要經過授權才能進去
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
這章講述的是世界背景與角色的設定,以及小部分白鬧那邊因為他的到來所造成的變動
Thumbnail
年底是你固定設定目標的時間嗎?還是給自己設定新年新希望?設定目標的力量無庸置疑,當我們開始設定目標時,轉變就會發生,它創造了一個新的焦點,有時也像是一種新的開始,讓我們投入行動;就像是我們從球賽的觀眾席走到球場上,讓你的視角突然就不同了。
Thumbnail
因她歌聲而感動的孔明 決定成為她的軍師 幫助她完成夢想 於是、第一步便是問英子
在開發 Rust 或是使用 Rust 編寫的 CLI 工具時,常會看見類似下方的錯誤訊息: note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace 簡單寫一下該怎麼做。
Thumbnail
最近發現週六要教書的自己有個有趣的行為模式,因為要教一整天的課,中午休息時間又很短,所以我都選擇吃麥當勞,吃得越快,休息時間越多。 正是因為有了週六的中午吃速食的計劃,我發現我整週吃飯的選擇,會因此把速食這個選項剔除掉,畢竟,一個禮拜如果吃兩次麥當勞,未免也太罪惡了吧!!
Thumbnail
之前我寫過許多如何將各家網域指向CLOUDWAYS主機的文章❐,唯獨缺了gandi,以及透過Cloudflare設定DNS+串接CDN的應用,於是,便直接透過這支影片,帶大家實際操作一遍。包含在CLOUDWAYS新增SERVER、CLOUDWAYS Platform的功能介紹、Application
Thumbnail
Google tag manager又稱為GTM,是一套Google追蹤數據的整合系統,這次TinyBook將會教大家,如何設定GTM的追蹤代碼並且嵌入到TinyBook的後台,完成數據的整合追蹤哦!
Thumbnail
不知道老師們在進行線上測驗時是如何避免學生切換畫面尋找答案,又或者是避免學生找人代考呢? 今天要來介紹一款 Google 表單的外掛程式「 Quilgo 」
Thumbnail
從瀏覽器console看到類似這個error:  ..... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource 表示遇到CORS的
Thumbnail
這篇文章要教你如何透過權限控管,保護 FastAPI 生成的 API 文件,讓使用者需要經過授權才能進去