設定 Flutter 開發環境 (Linux)

更新於 發佈於 閱讀時間約 3 分鐘

1.  下載開發相關套件

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


raw-image
raw-image

  1-2.  下載Flutter SDK

raw-image

  1-3.  下載Android Studio

raw-image

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

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

raw-image

  2-2.  解壓縮Android Studio檔案

raw-image

  2-3.  安裝Git套件

raw-image

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

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

raw-image

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

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

      View -> Command Paletted -> install extensions

raw-image

  3-2.  安裝Dart套件

raw-image

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

raw-image

4.  安裝Androd相關開發套件

  4-1.  開啟SDK Manager的介面

raw-image

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

raw-image

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

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

raw-image

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

      裝完成

raw-image

5.  安裝Chrome相關開發套件

  5-1.  下載Chrome 瀏覽器

raw-image

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

      認安裝結果

raw-image

6.  安裝Linux相關開發套件

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

raw-image

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

raw-image

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

raw-image


留言
avatar-img
留言分享你的想法!
avatar-img
跨碼軟體有限公司的沙龍
3會員
9內容數
2022/04/22
  雖然Dart 語言本身支援跨平台的編譯方式,但在實務開發時還是不免需要使用外部非Dart語言所提供的函式庫進行功能開發且由於C 語言是最為廣泛且通用的程式語言,因此Dart語言也有提供支援與C語言函式庫互通性的方式;本篇主要是以MSVC作為C的編譯器來實作說明如何引用C語言會遇到的作法。
Thumbnail
2022/04/22
  雖然Dart 語言本身支援跨平台的編譯方式,但在實務開發時還是不免需要使用外部非Dart語言所提供的函式庫進行功能開發且由於C 語言是最為廣泛且通用的程式語言,因此Dart語言也有提供支援與C語言函式庫互通性的方式;本篇主要是以MSVC作為C的編譯器來實作說明如何引用C語言會遇到的作法。
Thumbnail
2022/02/13
本範例主要說明如何運用Flutter 繪圖與動態相關的API並搭配provider套件進行實作輪盤賭選擇 ( Roulette Wheel Selection ) 程式。
Thumbnail
2022/02/13
本範例主要說明如何運用Flutter 繪圖與動態相關的API並搭配provider套件進行實作輪盤賭選擇 ( Roulette Wheel Selection ) 程式。
Thumbnail
2022/01/24
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
Thumbnail
2022/01/24
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
Thumbnail
看更多
你可能也想看
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
本文教你如何在配備 M1 晶片的 MacBook Air 上安裝Flutter,以同時開發Android和iOS apps。
Thumbnail
本文教你如何在配備 M1 晶片的 MacBook Air 上安裝Flutter,以同時開發Android和iOS apps。
Thumbnail
今天要來介紹如何在Fedora 作業系統上安裝Android Studio,小魚實際安裝Android Studio後發現步驟其實蠻簡單的。 然後整個安裝過程記錄在這篇文章,如果有不會安裝Android Studio的初學者可以參考這篇文章。 android studio 安裝 首先到an
Thumbnail
今天要來介紹如何在Fedora 作業系統上安裝Android Studio,小魚實際安裝Android Studio後發現步驟其實蠻簡單的。 然後整個安裝過程記錄在這篇文章,如果有不會安裝Android Studio的初學者可以參考這篇文章。 android studio 安裝 首先到an
Thumbnail
之前因為常需要跑devops相關工具,因此開發環境完全是用Ubuntu的圖形化介面,但偶爾會遇到一些延遲以及小bug,偶然的機會下發現在windows設定git-bash似乎也能達到一樣的效果,也能順便增加對windows開發人員生態系的了解,因此本篇主要是針對如何設定美麗的terminal以及vs
Thumbnail
之前因為常需要跑devops相關工具,因此開發環境完全是用Ubuntu的圖形化介面,但偶爾會遇到一些延遲以及小bug,偶然的機會下發現在windows設定git-bash似乎也能達到一樣的效果,也能順便增加對windows開發人員生態系的了解,因此本篇主要是針對如何設定美麗的terminal以及vs
Thumbnail
Python安裝、外部程式包安裝(pip install xxx)、Hello World 【安裝Python】 Visual Studio Code-Download 進入vscode(延伸模組) 安裝中文介面(輸入ch搜尋) 安裝 搜尋命令提示字元 命令提示字元打python 創建檔案
Thumbnail
Python安裝、外部程式包安裝(pip install xxx)、Hello World 【安裝Python】 Visual Studio Code-Download 進入vscode(延伸模組) 安裝中文介面(輸入ch搜尋) 安裝 搜尋命令提示字元 命令提示字元打python 創建檔案
Thumbnail
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
Thumbnail
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
Thumbnail
說明Flutter 插件(Plugin)專案範例的架構與實際載入並執行在各平台的顯示畫面
Thumbnail
說明Flutter 插件(Plugin)專案範例的架構與實際載入並執行在各平台的顯示畫面
Thumbnail
說明Flutter 骨架(skeleton)專案範例的架構與在各平台執行的顯示畫面
Thumbnail
說明Flutter 骨架(skeleton)專案範例的架構與在各平台執行的顯示畫面
Thumbnail
說明如何在Windows系統中安裝 Flutter 與 Visual Studio Code 的開發環境
Thumbnail
說明如何在Windows系統中安裝 Flutter 與 Visual Studio Code 的開發環境
Thumbnail
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
Thumbnail
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News