Terminal+編輯器+Android模擬器啓動Flutter項目

前奏

之前用ReactNative啓動過app項目,遇到很多坑,最後雖然可以用了,但是,我發現折騰的夠嗆!

1.Genymotion+Oracle VM VirtualBox+Android studio 64

2.Android studio + Blue Stacks模擬器

3.Android studio + Nox模擬器

4.Terminal + Nox模擬器

除了4不需要安裝許多軟件外,1、2、3安裝軟件遇到各種坑,android studio(還佔內存各種卡死)還要安裝各種插件才能用。最後做了個簡單的項目。也放棄React Native

興趣來了攔都攔不住

Flutter Create Submissions 2019 - flutter大獎第一名。我必須得看看大神的作品啊。

所以開始搞flutter

坑總是有的,有前車之鑑,這次啓動flutter使用的環境等就明顯省力多了,當然,按照官方的文檔,你也不一定能一次搞定!還好我之前ReactNative遇到的坑這次也遇到了。再次記錄下。

Terminal+Nox模擬器搞定官方app啓動

1.安裝flutter包,這個沒啥說的,按照官方文檔就ok了。

2.安裝flutter的環境變量,需要注意下邊兩個必須添加到環境變量裏

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3.安裝nox模擬器

當然,你可以選用藍莓模擬器,那這些坑你可以不用看了

    adb kill-server
    adb start-server
    adb shell

好了,完結!

如果你不喜歡藍莓那麼繼續往下看

此處問題多多啊,哎,都是淚!

首先adb devices 鏈接模擬器的等等這些命令用cmd,powshell你就不要考慮了,你懂得,最喜歡用powershell的我,不知道是在執行了多少命令和時間的前提下才發現的,當時罵街是必須的。坑坑坑!

給大家看看當時記錄的截圖:

你以爲cmd就可以了,你太天真了!咋們繼續開始表演(表揚)

flutter devices命令執行,你會發現沒有你想要的模擬器,

你以爲nox會乖乖讓你這麼輕易鏈接麼,NO! 不會的,道路千萬條,至此一條絕對不讓你隨隨便便就過去。繼續給我打怪
 

nox執行需要

到nox的安裝目錄先進入bin

nox_adb.exe connect 127.0.0.1:62001

成功了就成功了,如果

提示


(查看連接信息,大致意思是sdk的adb版本與夜神的adb版本不一致導致的)
但是adb shell 或者adb devices老提示 沒有設備

【1】夜神模擬器也要配置環境變量 E:\Program Files (x86)\Nox\bin
【2】關閉所有adb的進程;任務管理器裏查找;
【3】將電腦中SDK目錄下的adb.exe文件(在Platform-tools文件夾下),複製到夜神模擬器的目錄下(bin目錄),夜神模擬器目錄下也有adb.exe文件,複製過去之後改名爲nox_adb.exe,替換即可。
【4】再次執行adb devices 就會看到下圖結果:

如果夜神出現紅屏請查看方法一解決方案;
要連接夜神模擬器需要到安裝路徑bin下執行
(前提是需要把adb和nox_adb都替換掉)
nox_adb  connect 127.0.0.1:62001
或者 adb  connect 127.0.0.1:62001

然後到項目目錄下執行,flutter run ,你以爲是不是就成功了,也沒有報錯!

但是界面一片空白:

哈哈哈!太天真了,有沒有,傻白甜,說的就是你!

進項目根目錄,用命令方式運行: flutter run --enable-software-rendering

但是這個辦法有個坑,就是熱加載的時候要手動在命令行輸入r(不是說好的自動的麼,也許是我打開的方式不對);

然後就可以了,如果你用的 intelliJ IDEA,那麼修改如下圖:

至此,你就可以享受flutter開發app的樂趣了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章