Flutter官網地址:https://flutterchina.club/get-started/install/
目錄
- 安裝Flutter SDK
- 下載Xcode, Android Studio 開發軟件,配置相關所需
- 構建Flutter項目
一、安裝Flutter SDK
本次安裝主要針對Mac,進行精煉,其他系統的,可以參照Flutter 官網步驟進行。
-
到官網下載Flutter SDK ,有1G,因爲是外國的,所以建議開VPN,網好的地方。
下載SDK網頁:https://flutter.dev/docs/get-started/install/macos -
下載好後,解壓,會變成flutter文件
將解壓的flutter 文件放到你想放到的文件目錄。這裏我放到了文稿(Document)路徑
- 然後開始在Terminal終端中開始設置flutter的路徑
首先你可以先查看你電腦裏面是否能夠正常找到你的flutter 路徑。 flutter --version
提示command not found:flutter 表示你還沒設置flutter的路徑,他找不到,接下來,我們開始配置
注意這裏的用的是用 vim ~/.zshrc,而不是官網說的 /.bash_profile 這個,bash_profile 是臨時使用flutter ,你一旦關閉終端,就用不了flutter ,爲了讓他能夠始終能夠用到,所以選擇這個。
- 打開zshrc文件後,按鍵盤i , 進入編輯功能
- 然後輸入你的flutter文件路徑,一個這裏的apple 是我的電腦用戶名,Documents就是我文件放到文稿路徑裏面。一個小技巧,你可以直接拖動你的flutter文件到這裏面他會自動生成路徑,替換:/Users…/flutter
-
按esc,還有 : (冒號) wq,點擊鍵盤return 或enter就可以退出了
-
現在你在輸入flutter --version 他就可以找到
二、下載Xcode, Android Studio 開發軟件,配置相關所需
Xcode 是蘋果軟件的開發工具,裏面有模擬器可以使用 – appstore下載
Android Studio 這個是安卓的開發軟件,也是flutter 的開發軟件 – 官網下載
- 配置相關插件
- 這裏進入plugin ,搜索flutter插件,進行安裝,完成後,界面就會多一項,可以直接創建flutter 項目
三、構建Flutter項目
這裏可以按照自己需求改下:project name 和 project location
創建成功後,接下來配置下安卓模擬器
點擊配置安卓模擬器:
下載好安卓模擬器,點擊播放按鈕,打開模擬器
如果,你的電腦上下載好了xcode ,可以打開蘋果模擬器
然後,你可以在這裏隨意切換模擬器,點擊運行即可。