準備工作
首先搭建flutter的環境需要使用到flutter的sdk,可以直接跳去官網進行下載,下載時要注意你電腦所使用的芯片是Intel的還是蘋果的芯片。
確定電腦上的芯片類型
下載好的flutter SDK是一個壓縮文件如下圖所示
把它解壓后放到我們的用戶目錄下
開始環境配置
1.打開我們的終端輸入以下兩句命令
cd /Users/<mac_name>
vim ~/.bash_profile
注意
要和你的flutter文件在同一級目錄下,比如你的電腦名稱叫imac888,那我們就要cd /Users/imac888
2.編寫.bash_profile文件
可以使用終端直接加入以下兩行代碼
export PATH=/Users/<mac_name>/flutter/bin:$PATH
export PATH=/Users/<mac_name>/flutter/bin/cache/dart-sdk/bin:$PATH
不習慣使用終端也可以直接操作文件,這個文件是一個隱藏文件,所以在用戶目錄下使用快捷鍵shift+command+.
即可展示隱藏文件。
使用文本編輯打開文件插入代碼即可。
注意
保存后一定要使用source ~/.bash_profile
命令使其生效
3.檢查是否安裝成功
在flutter目錄下輸入flutter -h
如果打印出以下信息說明安裝成功
4.檢查flutter運行環境是否正常
在flutter目錄下輸入flutter doctor
可能會打印出如下信息
因為我的電腦里面之前是有安裝Android Studio的,所以沒有報未安裝Android Studio的錯誤,如果報了未安裝的錯誤,可以去官網下載安裝即可。安裝完畢打開AS安裝flutter插件。
安裝完再次執行flutter doctor
指令就會出現如上圖所示的錯誤信息。
5.配置AS內部選項
點擊AS的more actions
的菜單選項
選擇
SDK Manager
,確保下圖中的四個選項都進行了勾選然后再次使用終端執行
flutter doctor
命令,會出現如下提示只需要跟隨指引輸入以下指令
flutter doctor --android-licenses
然后一路y
下去即可,如下圖顯示狀態說明配置成功!
可能遇到的問題
在執行flutter doctor
命令的時候可能會出現下面的這個錯誤信息
說明沒有訪問這個文件夾的權限,在終端寫入如下命令即可解決
注意:要填寫對應沒有權限的文件夾路徑
sudo xattr -c -r /Users/<mac_name>/Library