MAC安裝flutter開發環境


#最近在學flutter開發,寫一篇記錄一下安裝的過程

1、配置flutter鏡像地址

 vim ~/.bash_profile 命令行輸入后回車,打開.bash_profile配置鏡像地址

export PUB_HOSTED_URL=https://pub.flutter-io.cn 

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 

(進入后默認是不可編輯的,按a進入編輯模式,下方會出現INSERT)

輸入好,按ESC退出編輯模式,輸入:wq返回至命令行

經提醒,退出編輯模式后別忘了在命令行輸入source ~/.bash_profile保存

2、下載flutterSDK

進入需要安裝flutter的文件夾,命令行輸入

git clone -b beta https://github.com/flutter/flutter.git(大家也可以從github上下載安裝包)

網速可能較慢

3、下載完成后配置flutter環境變量

打開.bash_profile

輸入

export PATH=`pwd`/flutter/bin:$PATH

(pwd為flutter在本機上的路徑)

獲取flutter文件夾路徑方式:

1. 命令行進入flutter文件夾所在的上一級文件夾,輸入"pwd"命令,自動顯示文件夾

2. 右鍵顯示簡介,復制文件地址/Users/pricechen(在命令行會自動轉變為英文地址),將'pwd'粘貼為復制的地址

4、查看flutter是否安裝成功

回到命令行,輸入flutter doctor

出現如圖所示即安裝成功,前兩個是安卓與ios的調試環境,出現叉號就按照給出的命令一條條配置就可以了,第三四個分別為AndroidStudio與VScode的開發環境,我在MAC上用的是VScode

(flutter doctor命令可多次執行,如果MAC沒有homebrew可以面向百度先安裝一下homebrew,不然用不了brew 的命令)

5、vscode需要下載flutter和dart兩個插件

按shift+command+p調出terminal palette選擇創建flutter工程

 

6、附一張VScode調試圖,(熱重載好用)

選擇頂部菜單欄,debug->start debugging可以啟動模擬器(默認是最新版模擬器)

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM