flutter搭建過程

以ADB為例 , 其實就是在終端輸入下面一句shell命令就ok:

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

當(dāng)然還沒完, 以上操作確實達到了修改環(huán)境變量的目的, 但是僅僅保證對此次會話有效, 也就是說當(dāng)你重啟終端后,你配置的這個adb的環(huán)境變量就失效了, 又得需要重新輸入一次...

那么如何將這條shell命令"持久化", 每次啟動終端都自動運行? 我們可以用shell的配置文件來實現(xiàn).
配置文件里可以預(yù)置一些shell命令, 每次打開終端時自動加載配置文件, 從而實現(xiàn)預(yù)置代碼的自動運行

1. 尋找當(dāng)前shell的配置文件


echo $SHELL 查看當(dāng)前shell版本, 使用的shell不同, 對應(yīng)的配置文件也不一樣

  • 如果是bash
vim ~/.bash_profile
//或者
vim ~/.bashrc

  • 如果是zsh
vim ~/.zshrc

PS.通過如下命令可切換shell

//切換到zsh
chsh -s `which zsh` 
//切換到bash
chsh -s `which bash`

重啟終端 (如果是Linux可能需要重啟系統(tǒng)才能生效)
其他shell可通過cat /etc/shells查看當(dāng)前系統(tǒng)已安裝的shell所有版本

2. 修改配置文件


找到了配置文件, 那么就可以將我們最初的那行shell命令放進去了
export PATH=${PATH}:~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools

3. 重載配置文件, 使修改生效


兩種方式:
3.1 粗魯?shù)姆绞? 重啟終端;
3.2 優(yōu)雅的方式: 重載配置文件
source ~/.bash_profile 或者 . ~/.bash_profile
此處用法具體可參考 Shell 文件包含

4. export語法解釋


  • {}為占位符分井,{PATH} 和 $PATH等效
  • =前后不能有空格
  • : 為分隔符(等同于windows環(huán)境變量中的 ; )
  • PATH=PATH:xxx 可以理解為 " PATH+=xxx "(當(dāng)然不能這么寫) PATH=xxx:PATH這種寫法亦可净神,只是前后順序的問題喜德;
  • 以上命令可以拆為兩行:
    把adb所在路徑~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools加入到PATH中去缝呕;
PATH=${PATH}:~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools

使環(huán)境變量生效

export PATH

  • shell中可以通過export -p命令查看所有環(huán)境變量

參考:

http://www.reibang.com/p/f5a4a28e2888

資源:

https://flutter-io.cn/#

進行 Flutter doctor 的測試
在終端中輸入flutter doctor仍秤,你可能會得到下面類似的結(jié)果。

image.png

flutter doctor --android-licenses
一路yes即可

image.png

我的Android ide使用的androidsudio 钉疫,下方還檢測出IDEA要出,這個就沒有必要也去安裝這個dart插件等了,直接忽略倒得。

配置環(huán)境變量
壓縮包下載好以后泻红,找個位置進行解壓。這個位置很重要霞掺,因為下面配置環(huán)境變量的時候要用到谊路。比如你配置到了根目錄下的app文件夾。
1.打開終端工具(這個我就不用寫了吧)菩彬,使用vim進行配置環(huán)境變量缠劝,命令如下:
vim ~/.bash_profile
復(fù)制代碼在打開的文件里增加一行代碼,意思是配置flutter命令在任何地方都可以使用骗灶。
export PATH=/解壓的目錄/flutter/bin:$PATH
復(fù)制代碼提示:這行命令你要根據(jù)你把壓縮包解壓的位置來進行編寫惨恭,寫的是你的路徑,很有可能不跟文章一樣耙旦。

image.png

配置完成后脱羡,需要用source命令重新加載一下 ,具體命令如下:
source ~/.bash_profile

image.png

復(fù)制代碼完成這部以后免都,就算我們flutter的安裝工作完成了锉罐,但是這還不能進行開發(fā)∪颇铮可以使用命令來檢測一下脓规,是否安裝完成了。
flutter -h
復(fù)制代碼出現(xiàn)下面的結(jié)果险领,說明到目前為止侨舆,我們安裝一切順利。


image.png

echo 'export PATH="/usr/local/opt/libxml2/bin:$PATH"' >> ~/.bash_profile

如果您在中國安裝或使用Flutter绢陌,使用托管Flutter依賴項的可靠本地鏡像站點可能會有所幫助挨下。要指示Flutter工具使用備用存儲位置,您需要設(shè)置兩個環(huán)境變量下面,PUB_HOSTED_URL并 FLUTTER_STORAGE_BASE_URL在運行flutter命令之前复颈。

以MacOS或Linux為例绩聘,以下是使用鏡像站點的設(shè)置過程中的前幾個步驟沥割。從您希望存儲本地Flutter克隆的目錄中的Bash shell中運行以下命令:

 export PUB_HOSTED_URL=https://pub.flutter-io.cn
 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
 git clone -b dev https://github.com/flutter/flutter.git
 export PATH="$PWD/flutter/bin:$PATH"
 cd ./flutter
 flutter doctor

完成這些步驟后耗啦,您應(yīng)該能夠繼續(xù) 正常設(shè)置Flutter。從此處開始机杜,所提取的包flutter packages get將從flutter-io.cn任何shell中下載PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL設(shè)置帜讲。

安裝

Flutter中文網(wǎng)

下載Flutter

克隆的地址也可以從碼云上找

查看PATH

echo $PATH

臨時設(shè)置

cd ~
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=`pwd`/flutter/bin:$PATH

永久設(shè)置

cd ~
pwd

pwd查看”當(dāng)前工作目錄“的完整路徑


image.png

比如我的是/Users/zby0520

打開配置文件

如果用的是bash shell

vi .bash_profile

如果用的是zsh

open ~/.zshrc

添加以下配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="/Users/zby0520/flutter/bin:$PATH"

讓配置立即生效

source .bash_profile
image.png
image.png
image.png

flutter 開發(fā)者幫助 APP,包含 flutter 常用 140+ 組件的demo 演示與中文文檔

Flutter Go 的優(yōu)勢
詳解常用widget多達 140+ 個
配套 Demo 詳解 widget 常規(guī)用法
集中整合 widget 案例椒拗,一個 APP 搞定所有常用 widget 的用法
持續(xù)迭代 ‘追新’ 官方版本

https://github.com/alibaba/flutter-go?from=%E6%96%87%E7%AB%A0%E9%A1%B5%E5%86%85%E9%93%BE%E6%8E%A5

image.png

真機調(diào)試

image.png
image.png

注冊開發(fā)者賬號


image.png

解決低版本Xcode不支持高版本iOS真機調(diào)試的問題

Xcode只可以支持iPhone手機對應(yīng)iOS系統(tǒng)以下的真機測試似将。一般想要支持最新的iPhone手機系統(tǒng),有兩個方法蚀苛。第一在验、就需要更新Xcode,這一個方法有一個缺陷就是堵未,大家都喜歡體驗最新的iPhone手機系統(tǒng)腋舌,但是喜歡使用Xcode beta版的不是很多,畢竟很不穩(wěn)定渗蟹,給Apple公司當(dāng)小白鼠块饺,感覺踩不完的坑。當(dāng)然本文推薦的不是第一種雌芽,看官莫急授艰,請往下看。第二世落、就是對于Xcode的真機支持包更新淮腾,真機運行的支持包的位置位于:Xcode.app//Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport;打開安裝包路徑:應(yīng)用程序找到xcode右鍵點擊查看路徑岛心,打開之后你會看到下面圖:

image.png
image.png

從圖片可以看出這些對應(yīng)的都是支持真機運行的支持包来破,每個文件夾都是對應(yīng)的iPhone系統(tǒng)。

一個iPhone系統(tǒng)的支持包忘古,下載解壓徘禁,放進去就可以了,然后插入你的手機髓堪,等Xcode解析好你的手機文件就可以真機運行了送朱。

https://developer.apple.com/cn/ios/
打開Finder
按下: command?+shift?+g
輸入:
/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport

支持包直接上聯(lián)系:鏈接: https://pan.baidu.com/s/1zXEFlt94bz3O1e3GdtG92w 密碼: rc4k

$(PRODUCT_BUNDLE_IDENTIFIER) product bundle identifier
就是App的唯一標識,同樣可以在多個地方來修改

image.png

12.2 (16E227)
進入/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS.sdk路徑中干旁,修改SDKSettings.plist文件中的版本號

image.png
image.png

https://developer.apple.com/download/
下載最新版的xcode

https://developer.apple.com/cn/programs/

image.png
image.png

請求 D-U-N-S Number 后驶沼,最多需要 5 個工作日以接收 D&B 提供的號碼。加快 D-U-N-S Number 創(chuàng)建過程不會縮短此等待時間争群。如果您的申請已經(jīng)超過兩周時間回怜,請向 D&B 發(fā)送電子郵件

收到 D-U-N-S Number 后换薄,最多需要等待 2 個工作日玉雾,以便 Apple 接收 D&B 提供的相應(yīng)信息翔试。這段時間過后,您就能以公司/組織身份注冊 Apple Developer Program复旬。

https://codelabs.flutter-io.cn/codelabs/from-java-to-dart-cn/index.html#0

https://console.firebase.google.com/?pli=1

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末垦缅,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子驹碍,更是在濱河造成了極大的恐慌壁涎,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件志秃,死亡現(xiàn)場離奇詭異怔球,居然都是意外死亡,警方通過查閱死者的電腦和手機浮还,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門庞溜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人碑定,你說我怎么就攤上這事流码。” “怎么了延刘?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵漫试,是天一觀的道長。 經(jīng)常有香客問我碘赖,道長驾荣,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任普泡,我火速辦了婚禮播掷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘撼班。我一直安慰自己歧匈,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布砰嘁。 她就那樣靜靜地躺著件炉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪矮湘。 梳的紋絲不亂的頭發(fā)上斟冕,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音缅阳,去河邊找鬼磕蛇。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的秀撇。 我是一名探鬼主播伏伯,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼捌袜!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起炸枣,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤虏等,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后适肠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體霍衫,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年侯养,在試婚紗的時候發(fā)現(xiàn)自己被綠了敦跌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡逛揩,死狀恐怖柠傍,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情辩稽,我是刑警寧澤惧笛,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站逞泄,受9級特大地震影響患整,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜喷众,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一各谚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧到千,春花似錦昌渤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至加矛,卻和暖如春履婉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背斟览。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工毁腿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓已烤,卻偏偏與公主長得像鸠窗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子胯究,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,901評論 2 345

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

  • 官網(wǎng) 中文版本 好的網(wǎng)站 Content-type: text/htmlBASH Section: User ...
    不排版閱讀 4,367評論 0 5
  • 1.0.0 安裝Flutter 由于Flutter會同時構(gòu)建Android和IOS兩個平臺的發(fā)布包裕循,所以Flutt...
    biubiubiuCOWARD閱讀 1,119評論 0 0
  • 2019年第134本《涼燈》黃于綱著 因為黃于綱的畫展臣嚣,作家野夫和一眾朋友輾轉(zhuǎn)來到?jīng)鰺簦吹降氖恰罢麄€寨子沒有任...
    半落陪你走路閱讀 201評論 0 1
  • 心理學(xué)家大衛(wèi)·埃爾凱特說:“無論一個人的生活環(huán)境如何剥哑,當(dāng)好父母硅则,最基本的是要給孩子兩樣?xùn)|西:根和翅膀≈暧ぃ” 真正意義...
    sunny_ea1f閱讀 78評論 0 0
  • 大約是從昨天起怎虫,右耳深處隱隱作疼。其實入夏以來困介,自己的耳朵就沒消停過大审。家裡的棉簽用得特別快,特別是洗過頭後座哩,習(xí)慣性...
    如心1976閱讀 141評論 1 0