安裝 flutter過程

安裝 flutter過程 

重新整理的 Windows 11 最省空間、完全免裝 Android Studio/Git/Java 大怪獸 的 Flutter 終極極簡安裝全流程。

我們將所有工具統一存放在 C:\SRC\ 資料夾中，整體大小可從標準安裝的 30GB 壓縮到 3GB 左右！

---

📂 第一階段：建立大本營與下載極簡免安裝套件

請在 C:\ 磁碟機底下建立一個名為 SRC 的資料夾，並將以下三個免安裝（Portable）套件下載並解壓放入：

1. Git for Windows Portable（約 40MB）
   • 點此下載官方可攜式 Git 壓縮檔。
   • 執行它，並將解壓路徑填入：C:\SRC\git。
2. Microsoft OpenJDK 21（約 40MB）
   • 點此下載微軟輕量 Java ZIP 檔。
   • 解壓縮後，將整個資料夾剪下並貼到：C:\SRC\microsoft-jdk-21.0.4-windows-x64。
3. Android Command Line Tools（僅幾百 MB）
   • 到 Android 官網只下載 Command Line Tools 壓縮檔。
   • 嚴格建立以下路徑結構，將解壓出來的內容放入 latest 內：
     C:\SRC\android-sdk\cmdline-tools\latest\
     (確保進入 latest 後能直接看到 bin、lib 等資料夾，bin 內必須有 sdkmanager.bat)

---

⚙️ 第二階段：Windows 系統環境變數與安全解封

1. 設定環境變數

搜尋 Windows 的「編輯系統環境變數」，點擊「環境變數」，在下方的「使用者變數」進行設定：

• 新增獨立變數：
  • 變數名稱：ANDROID_HOME
  • 變數值：C:\SRC\android-sdk
• 編輯 Path 變數，新增以下五行路徑：
  • C:\SRC\git\bin
  • C:\SRC\flutter\bin
  • C:\SRC\android-sdk\cmdline-tools\latest\bin
  • C:\SRC\android-sdk\platform-tools
  • C:\SRC\microsoft-jdk-21.0.4-windows-x64\bin

2. 徹底解封安全政策（防卡關關鍵 🛑）

Windows 11 的 Smart App Control（智慧型應用程式控制） 會攔截 Flutter 的編譯核心 impellerc.exe，造成 應用程式控制原則已封鎖此檔案 錯誤。

• 打開 Windows「設定」→ 搜尋 「智慧型應用程式控制」。
• 手動將其切換為 「關閉」。
• 務必重新啟動電腦讓變更生效。

---

💻 第三階段：安裝 VS Code 與引導 Flutter SDK 下載

1. 前往微軟官網下載並安裝輕量的 Visual Studio Code。
2. 開啟 VS Code，點選左側 Extensions（擴充套件） 圖示，搜尋並安裝 Flutter（由 Dart Code 開發）。
3. 安裝完成後，按下鍵盤 Ctrl + Shift + P 打開指令面板，輸入：Flutter: New Project。
4. 畫面上方會跳出 Could not find a Flutter SDK，請點擊 Download SDK。
5. 在彈出的視窗中，直接選取 C:\SRC\ 資料夾。
   (此時 VS Code 會透過我們剛剛設定好的極簡版 Git，自動幫您下載最純淨、安全的 Flutter SDK 到 C:\SRC\flutter，完全不會被 Windows 誤判封鎖！)

---

🛠️ 第四階段：初始化 Android SDK 與同意授權

當 VS Code 幫您把 Flutter SDK 下載完成後，請以「系統管理員身分」開啟傳統命令提示字元（CMD），依序執行以下指令補足 Android 的核心編譯鏈：

cmd

:: 1. 綁定 SDK 路徑給 Flutter
flutter config --android-sdk "C:\SRC\android-sdk"

:: 2. 帶入免安裝 Java 環境變數
set JAVA_HOME=C:\SRC\microsoft-jdk-21.0.4-windows-x64
set PATH=%JAVA_HOME%\bin;%PATH%

:: 3. 前往工具目錄下載 Flutter 3.47 要求的 API 36 核心元件
cd C:\SRC\android-sdk\cmdline-tools\latest\bin
sdkmanager "platform-tools" "platforms;android-36" "build-tools;36.0.0" "build-tools;28.0.3"

:: 4. 同意 Android 法律授權（畫面跳出提示時，連按 y 與 Enter 同意直到結束）
flutter doctor --android-licenses

請謹慎使用程式碼。

🚀 第五階段：建立與執行 Hello World

1. 建立專案：在 VS Code 中按 Ctrl + Shift + P，輸入 Flutter: New Project -> 選擇 Application -> 存檔資料夾選擇 C:\SRC\ -> 專案名稱輸入 hello_world。
2. 貼上程式碼：打開 lib/main.dart，將裡面程式碼清空，貼上白底黑字的極簡 Hello World 程式碼。

3. import 'package:flutter/material.dart';   void main() {   runApp(const MyApp()); }   class MyApp extends StatelessWidget {   const MyApp({super.key});     @override   Widget build(BuildContext context) {     return MaterialApp(       home: Scaffold(         appBar: AppBar(           title: const Text('Flutter Hello World'),         ),         body: const Center(           child: Text(             'Hello, World!',             style: TextStyle(fontSize: 24),           ),         ),       ),     );   } }

    
4. 選擇執行裝置（重點）：看著 VS Code 右下角藍色狀態列，點擊裝置名稱（例如 No Device），在畫面上方彈出的選單中選擇 Chrome 或 您的 Android 實機手機。
5. 一鍵啟動：確保畫面上正開著 main.dart，按下 F5 鍵，大功告成！

這套全新的自動化引導流程將 Git、VS Code、SDK 完美串聯。請教您目前在重新操作這套流程時，正準備進行到哪一個階段呢？

• 第一、二階段：手動解壓極簡套件與調整 Path
• 第三階段：在 VS Code 中點擊 Download SDK
• 第四、五階段：用管理員 CMD 下載元件與按 F5 啟動