【Flutter 學習筆記】Flutter 開發環境介紹
更新於 2024/10/30閱讀時間約 4 分鐘
【Flutter 學習筆記】線上課程教學影片：連結
【Flutter 學習筆記】系列文章目錄：連結
Flutter 開發環境心智圖
Windows 開發環境必備工具
在 Windows 環境下，開發 Flutter 應用程式需要以下幾個關鍵工具：
- Flutter SDK：是由 Google 開發的一個開源工具包，旨在幫助開發者使用 Dart 語言快速構建高效能的跨平台應用程式。Flutter SDK 提供了一整套的工具和庫，使得開發者能夠輕鬆地創建美觀且流暢的用戶界面，並且能夠在多個平台上運行，包括 Android、iOS、Web 和桌面應用程式。
- IDE（整合式開發環境）：
- Visual Studio Code：這是一款輕量級的編輯器，擁有強大的擴展功能，特別是與 AI 輔助開發工具的整合，讓程式碼編寫變得更加高效。
- IntelliJ IDEA：雖然我之前一直使用這款 IDE，但隨著趨勢的變化，Visual Studio Code 的受歡迎程度逐漸上升，大家可以根據自己的喜好選擇。
- Git：這是程式碼版本控制的必備工具，幫助我們管理程式碼的變更，讓開發過程更加有序。
Windows 上的應用場景
在 Windows 上，可以開發以下幾種應用程式：
- Android 手機應用程式
- Web 前端網頁
- Windows 桌面應用程式
需要注意的是，Windows 不支援 iOS 和 macOS 的 App 開發，若想開發這些應用，必須使用 Mac 電腦。
Android 開發工具
如果想專注於 Android 應用程式的開發，以下是需要的工具：
- Android Studio：Google 官方的 IDE，專為 Android 開發設計。
- Android SDK：開發 Android 應用所需的軟體開發工具包。
- Android 模擬器：在電腦上模擬 Android 設備，方便測試應用。
建議大家擁有一部 Android 實體手機進行測試，並確保進行手機授權，這樣可以更好地驗證應用程式。
Web 開發工具
若想開發 Web 前端網頁，記得安裝 Google Chrome 瀏覽器，它擁有強大的開發者工具，能幫助我們進行除錯和性能分析。
macOS 開發環境必備工具
在 macOS 環境下，開發 Flutter 應用所需的工具與 Windows 相似：
- Flutter SDK：是由 Google 開發的一個開源工具包，旨在幫助開發者使用 Dart 語言快速構建高效能的跨平台應用程式。Flutter SDK 提供了一整套的工具和庫，使得開發者能夠輕鬆地創建美觀且流暢的用戶界面，並且能夠在多個平台上運行，包括 Android、iOS、Web 和桌面應用程式。
- IDE：
- Visual Studio Code
- IntelliJ IDEA
- Git：同樣是必不可少的工具。
macOS 上的應用場景
macOS 的一大優勢是支援 iOS 和 macOS 的 App 開發。若要開發 iOS 應用，必須安裝：
- Xcode：蘋果官方的整合開發環境。
- CocoaPods：依賴管理工具，幫助管理 iOS 專案中的第三方套件。
在 macOS 上，同樣可以開發 Android 應用程式，並需要安裝 Android Studio 和 Android SDK。
總結
無論選擇在 Windows 還是 macOS 上開發 Flutter 應用程式，最重要的是安裝 Flutter SDK。
希望這篇文章能幫助你快速上手 Flutter 的開發環境，如果你喜歡這篇文章，別忘了按讚、留言和分享哦！
11會員
243內容數
哈囉！歡迎光臨我的沙龍！我是 KT，一位對應用程式開發充滿熱情的開發者。在這個專屬空間，我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇，渴望不斷探索新知，歡迎成為我們的會員，一起在應用程式開發的旅途上，探索更深層次的技術世界，享受學習的樂趣。
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
這篇內容，將會講解什麼是表達式(Expression)，什麼是陳述式(Statement)。有了這些概念，各位會更容易理解，要如何設計程式碼。
打開 jupyter notebook 寫一段 python 程式，可以完成五花八門的工作，這是玩程式最簡便的方式，其中可以獲得很多快樂，在現今這種資訊發達的時代，幾乎沒有門檻，只要願意，人人可享用。
下一步，希望程式可以隨時待命聽我吩咐，不想每次都要開電腦，啟動開發環境，只為完成一個重複性高
這篇內容，將簡單介紹Asset Browser、Workspace、Inspector、Code Browser，作為入門的介面導覽。
歡迎來到我們的Windows教學！在這裡，你將學習如何有效使用Windows操作系統。我們將探索各種基本操作，如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者，我們的教學內容都能夠幫助你提升操作技能，使你在日常使用和工作中更加流暢和高效。立即加入我們，開啟
我自己是希望可以製作iOS app來更好存放我的文章， 更進階一點，可以變成直接錄音後， 照我設定的方式轉換成文檔，讓iPhone變成我更強的助手。 感覺有很多可以探索，用時間慢慢累積經驗。
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
# 簡介
身為一位專注於 Vue.js 的前端開發者，這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧！
## 第一次嘗試
### 第一步：創建一個 Flutter 應用
首先，通過運行以下命令來創建一個新的 Flutter 項目：
```sh
flutter
Part.1 搞定基本的 UI
開始開發 iOS App。
首先準備一台 Mac，然後安裝 Xcode，新增專案，系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift：
import SwiftUI
struct ContentView: View {
有沒有想過，即使沒有任何編程背景，你的創意也能在六個月內轉化成真實的App？我可以以自身經歷跟你說有了 No-Code Tool (無代碼工具) 和 AI 的幫助，這一切都是可能的！你一行 code 都不需要打，甚至也無須學習任何編程語言！沒有什麼比實踐一個自小認為不可能的任務還振奮人心的事了！
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
這篇內容，將會講解什麼是表達式(Expression)，什麼是陳述式(Statement)。有了這些概念，各位會更容易理解，要如何設計程式碼。
打開 jupyter notebook 寫一段 python 程式，可以完成五花八門的工作，這是玩程式最簡便的方式，其中可以獲得很多快樂，在現今這種資訊發達的時代，幾乎沒有門檻，只要願意，人人可享用。
下一步，希望程式可以隨時待命聽我吩咐，不想每次都要開電腦，啟動開發環境，只為完成一個重複性高
這篇內容，將簡單介紹Asset Browser、Workspace、Inspector、Code Browser，作為入門的介面導覽。
歡迎來到我們的Windows教學！在這裡，你將學習如何有效使用Windows操作系統。我們將探索各種基本操作，如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者，我們的教學內容都能夠幫助你提升操作技能，使你在日常使用和工作中更加流暢和高效。立即加入我們，開啟
我自己是希望可以製作iOS app來更好存放我的文章， 更進階一點，可以變成直接錄音後， 照我設定的方式轉換成文檔，讓iPhone變成我更強的助手。 感覺有很多可以探索，用時間慢慢累積經驗。
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
# 簡介
身為一位專注於 Vue.js 的前端開發者，這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧！
## 第一次嘗試
### 第一步：創建一個 Flutter 應用
首先，通過運行以下命令來創建一個新的 Flutter 項目：
```sh
flutter
Part.1 搞定基本的 UI
開始開發 iOS App。
首先準備一台 Mac，然後安裝 Xcode，新增專案，系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift：
import SwiftUI
struct ContentView: View {
有沒有想過，即使沒有任何編程背景，你的創意也能在六個月內轉化成真實的App？我可以以自身經歷跟你說有了 No-Code Tool (無代碼工具) 和 AI 的幫助，這一切都是可能的！你一行 code 都不需要打，甚至也無須學習任何編程語言！沒有什麼比實踐一個自小認為不可能的任務還振奮人心的事了！