一,Flutter 官網:https://flutter.dev
Flutter Packages官網:https://pub.dev
二,Windows 上面搭建Flutter Android運行環境
對應軟件可以聯系客服,或者網盤里面下載
1,Flutter Android環境搭建:
- 電腦上面安裝配置JDK (版本 jdk-24)
- 電腦上下載安裝Android Studio (版本)
- 電腦上面下載配置Flutter Sdk (版本網盤提供的是Flutter 3.24.5,適用于Flutter3.7.3之后的所有版本)
- 配置Flutter 環境變量
- 配置Flutter國內鏡象
- 運行flutter doctor 命令檢測環境是否配置成功,根據提示配置安裝對應軟件
- 打開Android Studio安裝Flutter插件
- 創建運行Flutter項目
電腦上面安裝JDK詳細說明
- 下載安裝JDK(jdk-24或者最新版本)
https://www.oracle.com/java/technologies/downloads - 配置JDK
**提示: 安裝完成后輸入java、javac就有提示信息,但是也需要配置環境變量
1,系統變量 里面新增 JAVA_HOME,設置值為 java sdk根目錄:
環境是否安裝成功
在終端輸入java 和 javac
都能出來信息
說明jdk已經安裝配置成功了 - 電腦上下載安裝Android Studio (版本)
- 下載地址:https://developer.android.google.cn/studio 下載最新的?Android Studio
下載完成后雙擊安裝包進行安裝
這樣Android Studio 就安裝成功了,安裝完成后還需要進行一些配置
打開Android Studio 點擊File -> Close Project
然后再配置dart
再配置flutter
安裝完成后然后在Installed中就有安裝的插件
這裝完成后重啟IDE (Android Studio)
重啟后可以看到 New Flutter Project 這個按扭- ?電腦上面下載配置Flutter Sdk
下載地址:https://flutter.dev/docs/development/tools/sdk/releases#windows
下載對應系統的版本
下載到你想安裝SDK的目錄,解壓到如(E:\flutter_widws\flutter)
然后配置環境變量,找到flutter/bin目錄
然后把路徑復制下來
然后右擊 此電腦 ->屬性
找到環境變量的配置
找到系統變量 -》Path
再點 新建 把flutter\bin的路徑配置進去,點擊 確定
這樣Flutter的SDK就配置好了 - 配置Flutter國內鏡象
根據需要配置國內鏡像,搭建環境過程中要下載很多資源文件,當一些資源下載不了的時候,可能會報各種錯誤,在國內訪問Flutter的時候有可能會受限制,Flutter為我們提供了國內的鏡像
https://flutter.dev/community/china
https://flutter-io.cn
拉到最下面有配置方式,把下面的兩句配置到環境變量里面
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
PUB_HOSTED_URL=https://pub.flutter-io.cn
在環境變量 ->系統變量 中點擊 新建...
配置好后點擊確定
然后就在系統變量中可以看到
另個一個?FLUTTER_STORAGE_BASE_ 也是一樣配置,配置完成后,同樣可以在系統變量中看到配置參數
這樣我們的國內鏡像就配置好了。 - 運行flutter doctor 命令檢測環境是否配置成功
Visual Studio - develop windows apps 是開發桌面軟件的,如果需桌面軟件開發的話,需要安裝配置Visual Studio
Network resources 報紅不影響,是國內網絡無法訪問github環境
這兩基不影響開發
大家可以會遇到以下錯誤
錯誤一: cmdline-tools component is missing
這種安卓的錯誤必須要解決,這種錯誤需要打開Android Studio進行配置
打開Android Studio,隨便一個項目或新建一個項目
點擊 Tools->SDK Manager
把Android SDK Command-line Tools(latest)勾選上
然后再把 SDK Platforms選中下面這幾項,就可以進行真機調試了
點擊ok后會下載安裝對應的包
下面還有一個報錯我們也要解決,需要配置android-licenses
這個錯誤需要打開終端,在終端中輸入 flutter doctor --android-licenses 然后回車然后所有的提示都輸入y
所有都輸入y后,再重新輸入 flutter doctor
就不會提示 前面兩個錯誤了
錯誤二:Visual Studio not installed 如果只是開發Flutter App可以忽略此錯誤信息,如果要開發桌面軟件就需要安裝一下
安裝方式如下,打開提示所提供的地址
https://visualstudio.microsoft.com/downloads/
然后下載并安裝Visual Studio Code
下載后雙擊安裝
這樣就提示安裝成功了
然后驗證是否成功,再重新打開終端,輸入 flutter doctor
目前所有環境都搭建好了,環境搭建好后,可以開始創建項目了。 - 如何創建項目
剛開始推介在Android Studio中創建,打開Android Studio然后點擊File->Close Prject
然后再點擊 New Flutter Project
然后再選擇Flutter,另外Fluter SDK path: 要配置我們自己電腦在環境變量中配置的flutter的路徑。只需要定位到flutter的根目就行了,不需要定位到bin目錄
然后點擊Next
配置好項目名稱,項目目錄,開發語言,支持平臺.....后就點Create
如彈出提示目錄不存在,繼續點擊 Create 就會創建對應的目錄。
然后就會創建好目錄,并拉取項目打開了工程
打開后這個項目是在Android Studio中沒法運行的,第一次新建好以后,需要重新點擊 File->Open
定位到工程中的android目錄重新打開
再點擊 This window 表示在當前窗口打開
第一次打開會下載Gradle Project 可能需要10幾分鐘
這樣就可以運行在真實手機上了需要把 已知悉該應用存在風險 打上勾?
這樣就安裝完成了,默認效果如上圖
后期 可以用vscode開發,在終端定位到工程目錄輸入code . 把工程在vscode中導入
vscode打開的就是項目的根
lib/main.dart就是項目的入口文件
常見命令在vscode的終端就可以運行如: flutter devices,查看電腦上支持的設備
flutter run 運行在當前設備上