Flutter安裝入門教程

### 前言 Flutter是谷歌的移動UI框架,能夠快速在iOS和Android上構建高質量的原生用戶界面。 Flutter能夠與現有的代碼一塊兒工做。在全世界,Flutter正在被愈來愈多的開發者和組織使用,而且Flutter是徹底免費、開源的。 我本人也是很是安好Flutter,因此也進入到了Flutter學習行列啦,今天主要講一下Flutter的安裝,具體包括: - Flutter須要配置的工具 - Flutter SDK下載 - Flutter環境變量的配置 - 插件安裝(Fultter與Dart) - 建立一個Flutter項目 ### Flutter工具配置 ######1. Git 咱們須要下載Git 直接去Git官網配置,地址: https://git-scm.com 2.Android開發工具:Android Studio下載 下載地址: https://developer.android.google.cn/studio/ ### Futter SDK下載 使用Git克隆倉庫下載,找一個全英文路徑(無空格)點擊右鍵找到Git Bash ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093348389-2100776084.png) 輸入下面命令: >git clone -b master https://github.com/flutter/flutter.git 注意,其中的master表明的是分支 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093350411-212929841.png) ### 環境變量配置 這裏以WIN10爲例: 右鍵點擊個人電腦--->屬性--->高級系統設置--->環境變量--->雙擊path--->編輯文本 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093352441-1026037347.png) 在後面以";"號隔開添加flutter路徑 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093354413-935522669.png) 成功以後在終端窗口輸入: ``` flutter docator ``` 若是提示錯誤,能夠重啓一下機器,再次嘗試 而後就會出現下面所示的內容: ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093357419-1521483953.png) 顯示咱們的Flutter插件與Dart 插件沒有安裝 ,這個是正常的 ! ###插件安裝(Fultter與Dart) 以開發工具Android Studio爲例: ###### Flutter插件 點擊Android Studio ---> File ---> Settings ---> Plugins ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093359426-2010804292.png) ###### Dart插件 同理 ### 建立一個Flutter項目 File--->New--->New Flutter Project ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093401420-1637467108.png) 而後輸入項目名稱等等信息,就建立成功了 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093403377-713981288.png) ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093405375-1212039865.jpg) 你們能夠關注個人微信公衆號:「秦子帥」一個有質量、有態度的公衆號! ![公衆號](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093408439-604468360.jpg)
相關文章
相關標籤/搜索