Windows平台下Flutter安裝,配置,初運行。

來源:互聯網
上載者:User

標籤:跨平台   plugins   環境   導致   splay   sdk   isp   img   http   

  Flutter是什嗎?他是Google根據Dark語言開源的跨平台開發依賴。和目前比較火的Reactive Native一樣,一套代碼能夠實現兩個不同平台的App。那麼為什麼要介紹Flutter而不是在國內大火的Reactive Native。具體大家可以看看這篇文章。我這裡就不在多闡述。之前Flutter只支援Mac OS,Linux系統。好在現在推出了Windows平台,可以說是非常奈斯了,降低了學習這麼跨平台的成本。當然,你也可以直接看Flutter的官方地址查看教程。

 第一步:安裝Git

 你需要安裝Git作為Flutter SDK的下載工具。這裡我推薦去百度軟體中心下載,官網慢的一匹。下載完安裝就可以了。

第二步:下載Flutter SDK

  Windows案頭右鍵點擊git base here。當然你也可以選擇一個檔案夾開啟git 命令列視窗,輸入以下命令下載Flutter SDK。

git clone -b alpha https://github.com/flutter/flutter.git

注意:Flutter的下載路徑要全英文並且路徑不能有空格!Flutter的下載路徑要全英文並且路徑不能有空格!Flutter的下載路徑要全英文並且路徑不能有空格!

第三步:配置環境變數。

  你需要在Windows 環境變數Path中添加flutter的路徑。路徑指向到Flutter檔案的bin路徑如:

第四步:安裝

 開啟PowerShell(管理員)輸入以下指令:

flutter doctor

Flutter 就會自動設定安裝。當然你也可以在git上操作。前提是要在flutter目錄的bin檔案夾之下操作。成功了之後你就會看到如下介面:

如果當中有某些項目顯示‘X’。那就需要你去安裝啦,再次輸入:

flutter 

他就會自動安裝對應的依賴。

第五步 開發軟體。

你需要安裝Android Studio 以及Android SDK,之前有就不需要重新裝了。除次之外,Flutter的開發暫時不支援在Android Studio中開發,只能使用同一個公司的產品IntelliJ。需要你下載一個,IntelliJ免費版功能較少,下載的時候注意下載專業版,網上有破解教程這裡自行百度,不再多說。下載完成之後在Setting中選擇Plugins如:

搜尋:Flutter和 Dark安裝。當然你還要下載Dark SDK 建議下載安裝版本,他會幫你進行配置。

第六步:重啟電腦。

第七步:建立你的Flutter項目。

  InterlliJ建立一個Flutter項目,如果你經常使用模擬器在調試,類似於Genymotion。他會報如下錯誤,導致介面空白無法渲染。

E/flutter (13181): [ERROR:flutter/shell/gpu/gpu_surface_gl.cc(43)] Failed to setup Skia Gr context.

 我推薦你還是真機調試,成功之後就是如下介面:

現在就開始你的Flutter學習之旅吧!

 

Windows平台下Flutter安裝,配置,初運行。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.