為您解碼網(wǎng)站建設(shè)的點(diǎn)點(diǎn)滴滴
發(fā)表日期:2018-09 文章編輯:小燈 瀏覽次數(shù):1401
最近項(xiàng)目做完了,這幾天比較空閑一些,就在網(wǎng)上看各中博客,,無(wú)意中發(fā)現(xiàn)了Flutter這個(gè)好東西覺(jué)得很是不錯(cuò)就想自己嘗試下,畢竟是谷歌親霸霸的未來(lái)主推的。
你需要:?
? 1、下載Git for Windows(如已安裝請(qǐng)直接跳到下一步),安裝時(shí)一直下一步就可以了。? ? ? ? ? 2、找到Git所在文件夾雙擊git_bash.exed打開(kāi)界面,
在國(guó)內(nèi)使用 Flutter,那么你可能需要找一個(gè)與官方同步的可信的鏡像站點(diǎn),幫助你的 Flutter 命令行工具到該鏡像站點(diǎn)下載其所需的資源。你需要為此設(shè)置兩個(gè)環(huán)境變量:“PUB_HOSTED_URL”和“FLUTTER_STORAGE_BASE_URL”,然后再運(yùn)行 Flutter 命令行工具,?
? ? ? 鏡像設(shè)置:?PUB_HOSTED_URL=https://pub.flutter-io.cn
? ? ? ? ? ? ? ? ? ? ? ? ?FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn?
? ? ? Flutter SDK:?git clone -b beta https://github.com/flutter/flutter.git
? 3、配置Flutter環(huán)境變量:
? ? ? ? Path路徑下加入flutter路徑(就是flutter文件夾中bin的路徑):
4、在已經(jīng)下載的flutter文件夾中找到flutter_console.bat雙擊打開(kāi)flutter控制臺(tái),
在flutter console中輸入Flutter doctor指令?,協(xié)助安裝flutter所需的依賴,flutter 開(kāi)發(fā)語(yǔ)言是Dart,所以在這里會(huì)去監(jiān)測(cè)是否有dart sdk,如果沒(méi)有會(huì)自動(dòng)幫你安裝,并且捆綁在flutter文件夾里面。
?這里檢測(cè)發(fā)現(xiàn)了兩個(gè)問(wèn)題,其中第二個(gè)只是沒(méi)有檢測(cè)到設(shè)備(只需要連接手機(jī)打開(kāi)usb調(diào)試就能解決)。第一個(gè)問(wèn)題需要運(yùn)行?flutter doctor --android-licenses解決,需要多輸入幾次Y。?
最后再輸入flutter doctor檢查所有安裝是否完成,如圖就是已經(jīng)完成安裝。?
5、在Android studio中安裝Flutter、Dart插件,完成之后重啟Android studio,這里需要注意的是一定要保證studio版本在3.0以上。?
? 6、在Android studio中配置Dart和Flutter路徑。
設(shè)置Flutter路徑完畢之后,然后會(huì)彈出一個(gè)窗口問(wèn)你是否把Dart的路徑也自動(dòng)設(shè)置上 “,選擇 yes 就可以。
7、最后一步創(chuàng)建Flutter應(yīng)用寫出Hello Word!? ? ? ? ? ? ? ? ? ? ??