設定 Flutter 開發環境 (Linux)

閱讀時間約 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
查看全部
發表第一個留言支持創作者!
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
這章講述的是世界背景與角色的設定,以及小部分白鬧那邊因為他的到來所造成的變動
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
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
這章講述的是世界背景與角色的設定,以及小部分白鬧那邊因為他的到來所造成的變動
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 文件,讓使用者需要經過授權才能進去