關(guān)于Flutter是什么煌茬?為什么要使用Flutter摩梧?本文就不再贅述,既然你對這個技術(shù)感興趣宣旱,想必聰明的你已經(jīng)做過相關(guān)的調(diào)查與研究。本文只講實際的Windows10操作系統(tǒng)下的Flutter開發(fā)環(huán)境搭建叛薯。
一浑吟、安裝FlutterSDK
1、在瀏覽器中輸入https://flutter.dev/docs/get-started/install/windows
這個網(wǎng)址耗溜。該地址是FlutterSDK資源包的Windows系統(tǒng)地址组力。打開后可以看到如下頁面。
2抖拴、解壓SDK燎字,運行控制臺
步驟一腥椒、找到文件下載的位置,然后將其解壓候衍;
步驟二笼蛛、進入SDK文件的bin目錄下,復制地址蛉鹿;
步驟三滨砍、添加路徑到計算機的path中;
步驟四妖异、驗證環(huán)境是否配置成功惋戏,打開命令行工具,輸入命令flutter
,如果出現(xiàn)如下畫面說明已經(jīng)配置成功他膳。
二响逢、IDE開發(fā)環(huán)境配置
工欲善其事,必先利其器棕孙。文中使用的是Android Studio編輯器舔亭,當然你可以根據(jù)個人習慣使用VSCode等其他工具。
1散罕、進入flutter文件目錄分歇,雙擊運行flutter_console.bat;
2、一切正常會看到歡迎畫面欧漱,而后根據(jù)工具的提示輸入flutter doctor
命令职抡,檢查環(huán)境依賴。
3误甚、根據(jù)提示缚甩,安裝對應的工具。注意:因為演示中已經(jīng)安裝了Android Studio窑邦,所以這邊顯示的是正常的擅威,如果你本地沒有安裝的話應該是顯示的紅色的X
。
4冈钦、Android Studio安裝地址:
此處省略安裝VSCode郊丛、Android Studio、IDEA各種編輯器的安裝瞧筛,反正你喜歡用哪個就安裝哪個厉熟。
-
http://www.android-studio.org
中文社區(qū); -
https://developer.android.google.cn/studio
谷歌官網(wǎng)地址较幌;
5揍瑟、Android Studio安裝Flutter插件
依次點擊Android Studio的"File->Settings->Plugins",接著輸入
flutter
,爾后點擊Install
安裝插件乍炉,重啟IDE即可绢片。
三滤馍、疑難雜癥及注意點
1、由于墻的原因底循,網(wǎng)絡不好的童鞋可以使用如下的鏡像地址巢株。使用方式就是分別添加2個環(huán)境變量。
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
至此此叠,我們已經(jīng)完成了一套開發(fā)環(huán)境纯续,下一節(jié)我們將創(chuàng)建一個世界級的工程并跑起來。