初學者這樣玩Flutter
- 歡迎使用Markdown編輯器
- 為什么要學Flutter
- 學習適合人群
- Flutter簡介
- 極速構建漂亮的原生應用
- 跨平臺：
- 原生用戶界面：
- 開源免費：
- Flutter開發環境搭建Windows版
- 打開官網
- 系統要求
- 下載Flutter SDK
- 設定環境變數
- 運行 flutter doctor命令
- Android設定
歡迎使用Markdown編輯器
為什么要學Flutter
-
學習flutter，可以讓你更有競爭力，
-
flutter的目標并不局限于移動端的開發，flutter未來的目標是在全平臺包括電視，mac，windows，linux
-
flutter自帶渲染引擎，公司在開發app的時候，可以把ios和android平臺做到體驗一致、
-
120fps超高性能
-
國內最早使用flutter的知名公司是阿里巴巴的咸魚，騰訊的NOW live和京東金融，
-
最后說一點，現在很多小公司或者創業公司，由于開發原生app成本高（需要開發兩個平臺APP），現在都是用跨平臺開發了，一套代碼多端適用，
學習適合人群
-
前端愛好者：希望升級技能，掌握全端開發的技術，
-
Flutter從業人員：Flutter從業人員一定也可以學到很多知識，
-
移動開發愛好者：想從事移動開發，但是還沒有入門的新手，
-
最好已經會一門語言java，js等
Flutter簡介
極速構建漂亮的原生應用
- Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面， Flutter可以與現有的代碼一起作業，在全世界，Flutter正在被越來越多的開發者和組織使用，并且Flutter是完全免費、開源的，
- Flutter開發語言是dart，剛開始看到dart的時候，大部分人的感覺就是，怎么這么多括號，習慣了就好
跨平臺：
現在Flutter至少可以跨4種平臺，甚至支持嵌入式開發，我們常用的有Linux、Android、IOS，甚至可以在谷歌最新的作業系統上Fuchsia進行運行,經過第三方擴展，甚至可以跑在MacOS和Windows上，到目前為止，Flutter算是支持平臺最多的框架了，良好的跨平臺性，直接帶來的好處就是減少開發成本，
原生用戶界面：
它是原生的，讓我們的體驗更好，性能更好，用官方的話講就是平滑而自然的滑動效果和平臺感知，為您的用戶帶來全新的體驗，
開源免費：
這個不用多說，我們只要學會并使用，這些都是免費的，這對于大公司是非常必要的
Google的發布會介紹：https://www.youtube.com/watch?v=RS36gBEp8OI
Flutter官網：https://flutterchina.club/
github地址：https://github.com/Solido/awesome-flutter 大牛 整理了一些專案，教程和插件
showcase:https://flutter.io/showcase
Flutter開發環境搭建Windows版
打開官網
官網地址：https://flutterchina.club/如圖
點擊快速開始
選擇對應系統：這里選擇WINDOWS
點擊WINDOWS會出現對應的操作步驟
會看上面的步驟就不用繼續看了，安裝官網的操作步驟就行，后面我也是安裝官網上的來的！
系統要求
要安裝并運行Flutter，您的開發環境必須滿足以下最低要求:
- 作業系統: Windows 7 或更高版本 (64-bit)
- 磁盤空間: 400 MB (不包括Android Studio的磁盤空間).
下載Flutter SDK
- 去flutter官網下載其最新可用的安裝包，下載地址：https://flutter.dev/docs/development/tools/sdk/releases
- 將安裝包zip解壓到你想安裝Flutter SDK的路徑（如：
C:\src\flutter；注意，不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\），最好不要安裝到C盤，盡量安裝到除系統盤以外的盤， - 在Flutter安裝目錄的
flutter檔案下找到flutter_console.bat，雙擊運行并啟動flutter命令列，接下來，你就可以在Flutter命令列運行flutter命令了，
設定環境變數
選中我的電腦-》右鍵-》選中屬性出現如圖
-》點擊高級系統設定如圖
-》點擊環境變數如圖
-》在用戶變數里點擊新建如圖（如果已經有path，選中path點擊編輯把flutter的bin的路徑輸入就可以了）
這樣Flutter環境變數就設定好了
運行 flutter doctor命令
快捷鍵打開cmd運行視窗：windows鍵+R，windows鍵就是鍵盤上左下角有個windows標志的那個鍵；出現如圖
然后再框里輸入cmd，點擊確定，出現一個黑色的命令視窗如圖
然后再里面輸入flutter doctor然后回車如圖
我這是已經配好環境了如果像我這樣的就可以開發Flutter了，新安裝的到這里還沒結束，你那邊肯定會有幾個顯示的×的
Android設定
- 安裝OpenJDK（為什么不是JDK，因為JDK 是要收費的，openJdk是開源免費的，都是可以用的）
下載JDK：https://jdk.java.net/18/（這里我們下的JDK8）如圖
將下載好的JDK解壓，然后找到復雜路徑，下面就開始配置環境變數
還是跟上面Flutter環境變數差不多設定
如圖
這兩步就設定好了
設定好后，打開cmd輸入java -version如圖，出現版本號就說明OK，如果沒顯示的話先檢查一下有沒有輸錯，還是不行的話，重啟電腦
- 安裝Android Studio
下載地址：https://developer.android.google.cn/studio/
怎么安裝這里就不詳細說了，有一篇很詳細的文章，連接地址：https://www.jianshu.com/p/9e7003242894
可以參照這個，如果電腦上沒有Android SDK ，安裝的時候Android SDK 一定要勾上一起安裝 - Android SDK設定環境變數
如圖
按照如圖設定就好，然后打開Android studio創建一個專案，打開設定如圖，
按照下面的圖片安裝Flutter插件，安裝完后，在cmd里面輸入flutter doctor，看看安裝完成沒有，如果還是沒有安裝完成，可以私信我，
最后奉上一下Flutter的資源，這是我網上找來的，只供學習
鏈接：https://pan.baidu.com/s/1i1C7i0PPY8I9KqQRNHTvSQ
提取碼：a0ph
對有幫助的，希望一鍵三連哈，謝謝
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/290652.html
標籤：其他