在Flutter開發(fā)的第一步就讓人頭大，這啰里啰嗦的環(huán)境配置實在是讓人摸不到頭腦，什么官方文檔亂七八糟不適用，各種不爽！經(jīng)過百般嘗試終于趟出一條簡單明確的光明大道！話不多說上才藝。

附官方地址：https://flutterchina.club/setup-macos/

一、下載鏡像相關(guān)操作

1、下載鏡像地址：https://flutter.dev/docs/development/tools/sdk/releases#macos

image

備注：選擇下載版本具體按照版本跟新為主、

2、解壓放到自定義路徑

如下是官方說明將下載好的鏡像放到你自定義的根目錄下并進行解壓，花里胡哨的操作。實際上直接用解壓軟件解壓到你自定義的根目錄里就ok了。

<pre>cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip</pre>

3、添加flutter相關(guān)工具到path中：

官方的指定路徑我們需要根據(jù)實際的自定義路徑去修改

<pre>export PATH=pwd/flutter/bin:$PATH</pre>

具體操作如下：

① 打開終端執(zhí)行：

<pre>open .bash_profile </pre>

image

②保存該配置執(zhí)行：

<pre>source ~/.bash_profile </pre>

③檢驗是否配置成功執(zhí)行：

<pre>flutter doctor</pre>

image

如果出現(xiàn)這種情況就證明咱們的第一步已經(jīng)成功啦！掌聲送給自己！

異常情況：

image

遇見這種情況不要慌，終端安排：

執(zhí)行：

<pre>flutter doctor --android-licenses</pre>

接下來小手就給我小“Y”點起來！知道結(jié)束為止，完成后重新執(zhí)行就可以成功搞定了！

<pre>flutter doctor</pre>

4、更新環(huán)境變量

終端執(zhí)行：

<pre>open .bash_profile </pre>

進入編輯狀態(tài)，按照下圖所示進行編輯，相信大家都可以搞定這個。

image

修改完千萬要記住更新當前的編輯狀態(tài)，終端執(zhí)行（執(zhí)行前要把中文注釋與\刪除，截圖指示為了說明作用）：

<pre>source ~/.bash_profile </pre>

5.編輯器設(shè)置

使用 flutter 命令行工具，您可以使用任何編輯器來開發(fā)Flutter應用程序。輸入flutter help在提示符下查看可用的工具。

我們建議使用我們的插件來獲得豐富的IDE體驗，支持編輯，運行和調(diào)試Flutter應用程序。請參閱編輯器設(shè)置了解詳細步驟

6.平臺設(shè)置

macOS支持為iOS和Android開發(fā)Flutter應用程序。現(xiàn)在完成兩個平臺設(shè)置步驟中的至少一個，以便能夠構(gòu)建并運行您的第一個Flutter應用程序

好啦！困難的時刻到此也就結(jié)束了~剩下的就根據(jù)需求去參考不同方向的文檔進行配置啦 ~