設定 Flutter 開發環境 (Windows)

閱讀時間約 2 分鐘

1.  下載開發相關套件

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

  1-2.  下載Flutter SDK

  1-3.  下載Android Studio

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

  2-1.  設定Flutter SDK路徑

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

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

    View -> Command Paletted -> install extensions

  3-2.  安裝Dart套件

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

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

4.  安裝Visual Studio 開發相關套件

  4-1.  依目前Flutter支援的Visual Studio下載對應的版本

https://docs.flutter.dev/get-started/install/windows
Flutter Ver. 2.15.1 + Visual Studio Community 2019 Ver. 16.11

  4-2.  安裝使用C++的桌面開發套件

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

5.  安裝Androd相關開發套件

  5-1.  開啟SDK Manager的介面

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

  5-3.  執行flutter doctor --android-licenses

  5-4.  執行flutter doctor 確認安裝結果

6.  安裝Chrome 相關開發套件

  6-1.  下載 Chrome 瀏覽器

http://www.google.com/intl/zh-TW/chrome/

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

留言0
查看全部
avatar-img
發表第一個留言支持創作者!
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
這章講述的是世界背景與角色的設定,以及小部分白鬧那邊因為他的到來所造成的變動
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
這章講述的是世界背景與角色的設定,以及小部分白鬧那邊因為他的到來所造成的變動
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 文件,讓使用者需要經過授權才能進去