在Flutter開發(fā)的第一步就讓人頭大膨处,這啰里啰嗦的環(huán)境配置實(shí)在是讓人摸不到頭腦解幼,什么官方文檔亂七八糟不適用外永,各種不爽!經(jīng)過百般嘗試終于趟出一條簡(jiǎn)單明確的光明大道针肥!話不多說上才藝饼记。
附官方地址:https://flutterchina.club/setup-macos/
一、下載鏡像相關(guān)操作
1慰枕、下載鏡像地址:https://flutter.dev/docs/development/tools/sdk/releases#macos
備注:選擇下載版本具體按照版本跟新為主具则、
2、解壓放到自定義路徑
如下是官方說明將下載好的鏡像放到你自定義的根目錄下并進(jìn)行解壓具帮,花里胡哨的操作博肋。實(shí)際上直接用解壓軟件解壓到你自定義的根目錄里就ok了低斋。
<pre>cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip</pre>
3、添加flutter
相關(guān)工具到path中:
官方的指定路徑我們需要根據(jù)實(shí)際的自定義路徑去修改
<pre>export PATH=pwd
/flutter/bin:$PATH</pre>
具體操作如下:
① 打開終端執(zhí)行:
<pre>open .bash_profile </pre>
②保存該配置執(zhí)行:
<pre>source ~/.bash_profile </pre>
③檢驗(yàn)是否配置成功執(zhí)行:
<pre>flutter doctor</pre>
如果出現(xiàn)這種情況就證明咱們的第一步已經(jīng)成功啦匪凡!掌聲送給自己膊畴!
異常情況:
遇見這種情況不要慌,終端安排:
執(zhí)行:
<pre>flutter doctor --android-licenses</pre>
接下來小手就給我小“Y”點(diǎn)起來病游!知道結(jié)束為止唇跨,完成后重新執(zhí)行就可以成功搞定了!
<pre>flutter doctor</pre>
4衬衬、更新環(huán)境變量
終端執(zhí)行:
<pre>open .bash_profile </pre>
進(jìn)入編輯狀態(tài)买猖,按照下圖所示進(jìn)行編輯,相信大家都可以搞定這個(gè)滋尉。
修改完千萬要記住更新當(dāng)前的編輯狀態(tài)玉控,終端執(zhí)行(執(zhí)行前要把中文注釋與\刪除,截圖指示為了說明作用):
<pre>source ~/.bash_profile </pre>
5.編輯器設(shè)置
使用 flutter
命令行工具狮惜,您可以使用任何編輯器來開發(fā)Flutter應(yīng)用程序高诺。輸入flutter help
在提示符下查看可用的工具。
我們建議使用我們的插件來獲得豐富的IDE體驗(yàn)碾篡,支持編輯虱而,運(yùn)行和調(diào)試Flutter應(yīng)用程序。請(qǐng)參閱編輯器設(shè)置了解詳細(xì)步驟
6.平臺(tái)設(shè)置
macOS支持為iOS和Android開發(fā)Flutter應(yīng)用程序】螅現(xiàn)在完成兩個(gè)平臺(tái)設(shè)置步驟中的至少一個(gè)薛窥,以便能夠構(gòu)建并運(yùn)行您的第一個(gè)Flutter應(yīng)用程序
好啦!困難的時(shí)刻到此也就結(jié)束了~剩下的就根據(jù)需求去參考不同方向的文檔進(jìn)行配置啦 ~