#最近在學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可以啟動模擬器(默認是最新版模擬器)