Flutter系列(三)——環境搭建(Windows)

Demo_Yang發表於2020-02-19
Flutter系列(三)——環境搭建(Windows)

Flutter系列

Flutter系列(一)——詳細介紹
Flutter系列(二)——與React Native進行對比

開始正式使用Flutter之前,需要搭建環境
本文,只是針對Windwos系統,如果是MAC的話,請參考這篇文章

環境搭建 + Demo講解

安裝映象

由於眾所周知的原因,國內訪問Flutter可能會收到限制,所有Flutter官方為中國開發者搭建了臨時映象,大家只需要把映象變數加入到使用者環境變數當中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼
環境變數1.png
環境變數1.png
環境變數2.png
環境變數2.png
git clone -b beta https://github.com/flutter/flutter.git
複製程式碼

克隆到指定的目錄。

下載flutter.png
下載flutter.png

但是由於網路原因經常會下載失敗,為此我下載好了Flutter的SDK

下載方法
關注公眾號

搜尋“Demo_YangBJ

或者掃描下方二維碼

gzh.jpg
回覆“下載”即可獲得下載連結!

直接下載即可!

環境變數

下載好之後,就需要我們配置環境變數了。

Flutter系列(三)——環境搭建(Windows)

這個沒什麼好說的,編輯完環境變數,重啟電腦。

cmd之後輸入flutter就見到了一直心心念的介面了。

Flutter系列(三)——環境搭建(Windows)

外掛配置

Flutter安裝完之後,最後一步就是要為Android Studio增加外掛了。

Flutter系列(三)——環境搭建(Windows)
Flutter系列(三)——環境搭建(Windows)

新增外掛,重啟,搞定!

新增Flutter SDK

新增完外掛,再開發之前,我們需要吧Flutter SDK新增到Android Studio當中

Flutter系列(三)——環境搭建(Windows)

Flutter系列(三)——環境搭建(Windows)

至此,整個Flutter的環境搭建就完成了!

下一篇文章就要進入到開發階段了

最後

Flutter已經是Top20的軟體庫,通過接下來的一系列的文章,希望我和大家一起來學習Flutter,一起進步,一起有所收穫,掌握未來技術主流的主動權!

有什麼好的建議,意見,想法歡迎給我留言!

歡迎關注公共號

關注公眾號會有更多收穫!

Flutter系列(三)——環境搭建(Windows)

動動小手指點贊,收藏,關注一鍵三連走一波吧!

個人微信

我們一起討論,進步,提高!

加的人較多,請新增備註
Flutter系列(三)——環境搭建(Windows)

參考

github.com/flutter/flu…
flutterchina.club/setup-windo…
www.jianshu.com/p/16917a1ab…
www.jianshu.com/p/1c8c9a6cb…
www.jianshu.com/p/a78fd5e51…


相關文章