Flutter環(huán)境配置 VSCode安卓蘋果真機調(diào)試

flutter環(huán)境配置

macOS Mojave 10.14.5

Xcode 10.2.1

(可選奸鸯,示例使用的是此工具)Visual Studio Code 1.37.1

(可選)Android Studio 3.5

Android SDK

Homebrew

cocoapods

Flutter 安裝 (https://flutter.dev)

1、Flutter SDK下載地址:

https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.7.8+hotfix.4-stable.zip
(或者其他版本地址
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos)

2、解壓提取文件

1??CLI操作

$cd ~/development

$unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.4-stable.zip

2??GUI操作
打開“訪達“极祸,打開你所想安裝的目錄观谦,我所安裝的為“/Users”目錄下顷窒,
在“/Users”目錄下新建名為“development”的文件夾谢床,然后把解壓后的文件夾放入“development”文件夾,如圖所示:


image
3洲赵、將flutter工具添加到您的路徑:

$export PATH="$PATH:/Users/development/flutter/bin"

“/Users/development”可替換為自己的路徑

此命令僅為當(dāng)前終端窗口設(shè)置PATH變量鸳惯。要將Flutter永久添加到路徑

將Flutter永久添加

1??用戶目錄下/.zshrc 文件中進行添加

1、$cd ~/
2叠萍、open .zshrc
3芝发、添加如下兩行
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2??直接用文本打開文件.zshrc,然后增加兩行

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

.zshrc位置目錄如下圖所示


image
4、(可選)預(yù)先下載開發(fā)二進制文件:

該flutter工具根據(jù)需要下載特定于平臺的開發(fā)二進制文件苛谷。對于預(yù)先下載這些工件(例如辅鲸,在密封構(gòu)建環(huán)境中或具有間歇性網(wǎng)絡(luò)可用性)的情況,可以通過運行以下方式提前下載iOS和Android二進制文件:

$flutter precache

5腹殿、檢查是否需要安裝任何依賴項來完成設(shè)置

$flutter doctor -v
下圖為配置成功后的截圖

image

6独悴、完成需要的依賴項
  1. 第二項報錯:下載JDK參考文中“Java SE JDK ”?。文件名例如:jdk-8u221-macosx-x64.dmg
  2. 第三項報錯:

第一條锣尉、通過從命令行運行sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer來配置Xcode命令行工具以使用新安裝的Xcode版本
第二條刻炒、通過蘋果商店安裝Xcode
第三條、參照文中“COCOAPODS安裝”

  1. 第四項報錯:按照提示安裝ios-deploy自沧,使用到Homebrew坟奥,$brew install ios-deploy

另外有個總結(jié)iOS真機調(diào)試 https://blog.iw3c.com/archive/1147,安裝出現(xiàn)的問題有提示,按照提示進行修改

  1. 第七項報錯:參照“編輯器安裝”-》“Visual Studio Code”
  2. 其他:安卓真機調(diào)試拇厢,參考文中“Mac AndroidStudio真機調(diào)試”

Homebrew安裝 (https://brew.sh)

安裝:

$/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

使用:例如我們安裝wget

$brew install wget
我們會在安裝依賴項時用上

COCOAPODS安裝(https://cocoapods.org/

$ sudo gem install cocoapods

Android SDK (https://www.oracle.com/technetwork/java/javase/downloads/index.html)

Java SE JDK

image

同意條款后點擊下載(需要登錄)

https://download.oracle.com/otn/java/jdk/8u221-b11/230deb18db3e4014bb8e3e8324f81b43/jdk-8u221-macosx-x64.dmg

image

Mac AndroidStudio真機調(diào)試(參考https://blog.csdn.net/dengshunhao/article/details/88391255

  1. 找到sdk路徑爱谁,/Users/apple/Library/Android/sdk
  2. 配置adb,打開/Users/apple/Library/Android/sdk/platform-tools文件夾旺嬉,創(chuàng)建或修改.bash_profile,增加兩行

export PATH=${PATH}:~/Library/Android/sdk/platform-tools

export PATH=${PATH}:~/Library/Android/sdk/tools

  1. 開啟終端厨埋,輸入:source .bash_profile
  2. 測試adb:$ adb version ,通過adb查看是否有手機設(shè)備 : adb devices,如果List of devices attached無設(shè)備邪媳,則修改adb_usb.ini
  3. system_profiler SPUSBDataType,復(fù)制手機的Vendor ID
  4. 打開文件 ~/.android/adb_usb.ini,把復(fù)制的Vendor ID填進去,多個手機Vendor ID換行填寫
  5. 重啟finder雨效、重啟adb.
    點擊屏幕左上角蘋果圖標(biāo)“強制退出”-》“Finder”-〉“重新啟動”

adb kill-server

adb start-server

  1. 然后可以在文中“編輯器安裝”-》“調(diào)試”-“啟用調(diào)試”中選擇添加的設(shè)備進行調(diào)試
image

??我的榮耀手機有打開了USB調(diào)試沒有反應(yīng)迅涮,接下來只能打開撥號界面,輸入*#*#2846579#*#*徽龟,自動進入工程菜單叮姑,如下圖所示:(默認(rèn)是Hisuite模式)

image
image
image

編輯器安裝

(可選)Android Studio 3.5安裝

https://developer.android.com/studio/index.html

(可選,示例使用的是此工具)Visual Studio Code

https://code.visualstudio.com/

安裝插件Flutter

image

安裝插件Dart

image

“查看”-“命令面板”

“調(diào)試”-“啟用調(diào)試”

下圖上箭頭為命令面板据悔,下箭頭為調(diào)試使用的設(shè)備

image

點擊切換設(shè)備

image

如果失敗查看 上文“安裝Flutter 安裝”-》“完成需要的依賴項”

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末传透,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子极颓,更是在濱河造成了極大的恐慌朱盐,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菠隆,死亡現(xiàn)場離奇詭異兵琳,居然都是意外死亡,警方通過查閱死者的電腦和手機骇径,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門躯肌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人破衔,你說我怎么就攤上這事清女。” “怎么了运敢?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵校仑,是天一觀的道長。 經(jīng)常有香客問我传惠,道長迄沫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任卦方,我火速辦了婚禮羊瘩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘盼砍。我一直安慰自己尘吗,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布浇坐。 她就那樣靜靜地躺著睬捶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪近刘。 梳的紋絲不亂的頭發(fā)上擒贸,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天臀晃,我揣著相機與錄音,去河邊找鬼介劫。 笑死徽惋,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的座韵。 我是一名探鬼主播险绘,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼誉碴!你這毒婦竟也來了宦棺?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤翔烁,失蹤者是張志新(化名)和其女友劉穎渺氧,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蹬屹,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡侣背,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了慨默。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贩耐。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厦取,靈堂內(nèi)的尸體忽然破棺而出潮太,到底是詐尸還是另有隱情,我是刑警寧澤虾攻,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布铡买,位于F島的核電站,受9級特大地震影響霎箍,放射性物質(zhì)發(fā)生泄漏奇钞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一漂坏、第九天 我趴在偏房一處隱蔽的房頂上張望景埃。 院中可真熱鬧,春花似錦顶别、人聲如沸谷徙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽完慧。三九已至,卻和暖如春剩失,著一層夾襖步出監(jiān)牢的瞬間屈尼,已是汗流浹背蛤织。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鸿染,地道東北人。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓乞巧,卻偏偏與公主長得像涨椒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子绽媒,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,969評論 2 355

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