不用Android Studio刑巧,搭建Flutter開發(fā)環(huán)境

文章按步驟依次為 開發(fā)環(huán)境安裝喧兄、設(shè)備調(diào)試準(zhǔn)備(真機、WIFI連接啊楚、模擬器等)吠冤、項目的創(chuàng)建和運行,因為有好幾個環(huán)境變量需要設(shè)置恭理,相對于其他安裝完就算完事的開發(fā)環(huán)境拯辙,會復(fù)雜不少。

1. 使用國內(nèi)鏡像

創(chuàng)建兩個用戶環(huán)境變量,在中國使用Flutter

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

2. SDK涯保、編輯器和插件

參考文章

JDK, Flutter Windows SDK

  1. 解壓诉濒,并將/bin目錄加到環(huán)境變量中。
  2. 打開一個終端夕春,執(zhí)行flutter doctor檢查是否仍需其他依賴未荒。

2.1 Android SDK的安裝

  1. 下載命令行工具,解壓到F:\Android\sdk

  2. 創(chuàng)建三個環(huán)境變量JAVA_HOME(安裝jdk的路徑),ANDROID_HOME(F:\Android), ANDROID_SDK_ROOT(F:\Android\sdk)及志,并把Android\sdk\bin加入到環(huán)境變量片排。

  3. 運行flutter doctor,注意Android-toolchains部分速侈,執(zhí)行提示命令率寡,比如提示我執(zhí)行兩個命令:

    # 安裝需要的Android環(huán)境
    "F:\Android\tools\bin\sdkmanager" "platforms;android-28" "build-tools;28.0.3"
    # 修復(fù)許可,輸入Y接受即可
    flutter doctor --android-licenses
    

使用代理

sdkmanager --proxy=http --proxy_host=127.0.0.1 --proxy_port=1080 #適用于所有命令倚搬,指示使用代理

也可以在用戶目錄下~/.android創(chuàng)建androidtool.cfg文件:

http.proxyPort=1080
http.proxyHost=127.0.0.1

2.2 編輯器

我使用VSCode

  1. 查找并安裝擴展flutter
  2. 然后使用ctrl+shift+p調(diào)出命令面板, 輸入 ‘doctor’, 然后選擇 ‘Flutter: Run Flutter Doctor’, 看會不會出問題, 沒有錯誤就行冶共。Android Studio不用管。

2.3 連接設(shè)備

連接工具準(zhǔn)備

這里需要使用adb每界,方便起見比默,安裝platform-tools,包括了adb以及其他工具盆犁。

sdkmanager "platform-tools"

安裝完之后,將F:\Android\platform-tools添加到環(huán)境變量篡九,方便后續(xù)使用谐岁。

手機連接

  1. 進(jìn)入開發(fā)者模式
  2. 進(jìn)入開發(fā)者選項,啟用USB調(diào)試
  3. 使用數(shù)據(jù)線連接電腦榛臼,同意USB調(diào)試
  4. 使用adb tcpip 5555命令伊佃,設(shè)置Wifi連接的端口號為5555
使用WIFI

將電腦和手機處于同一WiFi下,也可以Windows自己開(Win10自帶了)沛善,手機WiFi的IP可以通過手機信息查看航揉,首先需要能ping通。

然后電腦執(zhí)行連接命令金刁,連接手機IP帅涂,顯示連接成功即可。

adb connect xxx.xxx.xx.xx

Android模擬器

# intel 硬件加速尤蛮,可能需要打開Android/extras/intel目錄媳友,進(jìn)行安裝silent_install.bat
sdkmanager "extras;intel;Hardware_Accelerated_Execution_Manager"
# Windows打開Hyper-V服務(wù)

# 28版本的鏡像
sdkmanager "system-images;android-28;default;x86_64"
# 模擬器
sdkmanager "emulator"

# 創(chuàng)建一個名為‘Pie’的模擬器實例,后續(xù)指令可能需要在Android/emulator目錄下執(zhí)行产捞,或者將其加入環(huán)境變量
avdmanager create avd -n Pie -k "system-images;android-28;default;x86_64"
.\emulator.exe -avd Pie

# 刪除模擬器
avdmanager delete avd -n Pie

# 腳本
emulator.exe  -avd Pie -no-boot-anim -scale 96dpi -dpi-device 160 -partition-size 100
模擬器皮膚

參考問題

簡單說就是在用戶目錄下可以找到自己創(chuàng)建的模擬器醇锚,比如C:\Users\{users}\.android\avd\Pie.avd,進(jìn)去可以看到有一個文件config.ini使用實體鍵盤也在這里設(shè)置)坯临,添加下面兩行就可以焊唬,皮膚可以去Github下載恋昼,skins目錄里都是。

# 皮膚名
skin.name=pixel
# 皮膚路徑赶促,里面有l(wèi)ayout文件
skin.path=G:\Android\skins\pixel

也可以復(fù)制修改layout文件液肌,去掉設(shè)備邊框,設(shè)置屏幕大小之類的芳杏,比如:

parts {
  device {
    display {
      width 480
      height 800
      x 0
      y 0
    }
  }
}
layouts {
  portrait {
    width 480
    height 800
    event EV_SW:0:1
    part1 {
      name portrait
      x 0
      y 0
    }
    part2 {
      name device
      x 0
      y 0
    }
  }
  landscape {
    width 600
    height 360
    event EV_SW:0:0
    part1 {
      name landscape
      x 0
      y 0
    }
    part2 {
      name device
      x 0
      y 0
      rotation 3
    }
  }
}

3. 項目

調(diào)出命令面板矩屁,使用Flutter: New Project根據(jù)提示創(chuàng)建項目。進(jìn)入項目爵赵,VSCode的右下角也會顯示連接的設(shè)備吝秕。執(zhí)行flutter run運行。

3.1 示例項目

在Flutter安裝目錄下空幻,有一個examples文件夾烁峭,里面有各種示例項目,包括gallery秕铛。通過git pull可以及時拉取最新代碼约郁。進(jìn)入項目,使用flutter run可以執(zhí)行但两。

4. 其他問題

卡在Initializing gradle

我是因為gradle國內(nèi)下載太慢鬓梅,方法是自己下載,然后放到gradle的下載目錄里谨湘,讓它接著執(zhí)行之后的操作绽快。

  1. 停下來
  2. 查看用戶目錄下的.gradle\wrapper\dists\, 比如我的C:\Users\kwokg\.gradle\wrapper\dists\gradle-4.10.2-all
  3. 有一個文件夾,比如我的gradle-4.10.2-all
  4. 自行下載https://services.gradle.org/distributions/gradle-4.10.2-all.zip
  5. 將下載下來的zip文件紧阔,放到原文件夾下名字很亂的文件夾下坊罢,比如gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv這個文件夾。
  6. 重新執(zhí)行flutter run
  7. 啟動
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末擅耽,一起剝皮案震驚了整個濱河市活孩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌乖仇,老刑警劉巖憾儒,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異乃沙,居然都是意外死亡航夺,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進(jìn)店門崔涂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阳掐,“玉大人,你說我怎么就攤上這事$员#” “怎么了汛闸?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長艺骂。 經(jīng)常有香客問我诸老,道長,這世上最難降的妖魔是什么钳恕? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任别伏,我火速辦了婚禮,結(jié)果婚禮上忧额,老公的妹妹穿的比我還像新娘厘肮。我一直安慰自己,他們只是感情好睦番,可當(dāng)我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布类茂。 她就那樣靜靜地躺著,像睡著了一般托嚣。 火紅的嫁衣襯著肌膚如雪巩检。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天示启,我揣著相機與錄音兢哭,去河邊找鬼。 笑死夫嗓,一個胖子當(dāng)著我的面吹牛厦瓢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播啤月,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼劳跃!你這毒婦竟也來了谎仲?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤刨仑,失蹤者是張志新(化名)和其女友劉穎郑诺,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體杉武,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡辙诞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了轻抱。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片飞涂。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出较店,到底是詐尸還是另有隱情士八,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布梁呈,位于F島的核電站婚度,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏官卡。R本人自食惡果不足惜蝗茁,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望寻咒。 院中可真熱鬧哮翘,春花似錦、人聲如沸仔涩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽熔脂。三九已至佩研,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間霞揉,已是汗流浹背旬薯。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留适秩,地道東北人绊序。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像秽荞,于是被迫代替她去往敵國和親骤公。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容