環境搭建（一）

一直開發react-native專案，感覺挺不錯；最近聽說 google 釋出混合開發框架flutter，可以跨三端很強勢，很好奇的來試試，不過坑不少；

英語能力強的兄弟可以去看官網-傳送門，英語能力一般的兄弟可直接去看中文網-傳送門，樓主就是屬於後者，所以果斷按照中文網的介紹進行第一步工作。

1. 第一步 環境搭建

• 下載flutter SDK

使用git直接從github上clone程式碼

哪位兄弟不會使用git可以看這裡，直接上 github上下載壓縮包解壓使用，如下圖：

因為牆的關係（大家都懂）下載起來是異常的緩慢，樓主只好按照官網的步驟，執行以下命令：

可是琢磨了半天還是異常的慢，在mac上試了一下，速度槓槓的，可是windows 上卻不行，最後發現windows上跟mac是不一樣的，windows 上需要配置環境變數：

• 配置環境變數

控制面板>系統>高階系統設定>環境變數，開啟path,把flutterSDK新增到path裡，開頭需要用分號隔開，例如：(;[你的Flutter資料夾路徑]\flutter\bin);

• 開啟命令列，CMD命令 或者 開啟 flutter目錄下的 flutter_console.bat 執行：

flutter doctor

過程可能需要消耗一段時間，大家耐心等待，注意：安裝完成會提示安裝android studio 和 android SDK ,這個大家自行百度，一搜一大堆，都是大同小異；我這裡沒用 android studio 因為電腦配置原因 ，android studio 跑起來比較費勁；所以果斷選擇 微軟的IDE VS Code:

開啟VS Code 點選擴充套件>搜尋dart code 安裝 dart 外掛,重啟VScode；

點選VSCode 檢視>輸入 doctor ，選中Run flutter doctor,回車；

• 建立專案

flutter create myFlutter

耐心等待專案初始化完成，完成之後執行：

cd myFlutter

然後連線上自己的手機，記得開啟USB除錯，輸入命令檢測裝置是否連線上：

adb devices

連線上之後，就是見證奇蹟的時候啦，跑專案：
1. 確保在VS Code的右下角選擇了目標裝置
2. 按 F5 鍵或呼叫Debug>Start Debugging
3. 等待應用程式啟動
4. 如果一切正常，在應用程式建成功後，您應該在您的裝置或模擬器上看到應用程式: