鏡像下載吱肌、域名解析侥袜、時間同步請點擊 阿里巴巴開源鏡像站
Flutter是谷歌開發(fā)的一款開源稠项、免費的基于Dart語言
的UI框架,可以快速在IOS和Android上構(gòu)建高質(zhì)量的原生應(yīng)用蛇耀。它的最大的特點是跨平臺和高性能框喳。
Dart是由谷歌,在2011年開發(fā)的計算機編程語言锨并,它可以被用于Web露该、服務(wù)器、移動應(yīng)用和物聯(lián)網(wǎng)等多個領(lǐng)域第煮,號稱要取代javascript
跨平臺(適用多個終端)
-
移動端
- Android
- iOS
Web端(各種瀏覽器)
桌面應(yīng)用
嵌入式開發(fā)
高性能
flutter應(yīng)用的性能解幼,接近原生App
Flutter采用GPU(毒性顯示)渲染技術(shù)
-
Flutter應(yīng)用的刷新頻率可達(dá)120fps
- 可以用Flutter來開發(fā)游戲
資源網(wǎng)站
官網(wǎng):flutter.dev
Github:github.com/flutter/flu…
-
中文網(wǎng):
環(huán)境搭建
- Windows只能搭建Android開發(fā)環(huán)境
- Mac下技能搭建Android開發(fā)環(huán)境,也能搭建IOS開發(fā)環(huán)境
- vscode安裝flutter插件
- 網(wǎng)絡(luò)環(huán)境 需翻墻
window下安裝安卓環(huán)境
JDK
-
Android Studio
- 安裝Android Studio
- 安裝Android SDK
- 安裝Android模擬器
-
Flutter SDK
- 直接下載
- 通過Git下載
配置資源鏡像
由于在國內(nèi)訪問Flutter有時候可能會收到限制包警,F(xiàn)lutter官方為中國開發(fā)者搭建了臨時鏡像撵摆,大家可以將下面的資源地址加入到環(huán)境變量中
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
找到我的電腦 => 屬性 => 高級系統(tǒng)設(shè)置 => 新增系統(tǒng)環(huán)境變量 以上面 鍵值形式添加
安裝JDK
下載地址:www.oracle.com/java/techno…
下載完成,雙擊安裝
安裝完成 驗證是否成功 終端輸入java -version查看版本號
如沒有揽趾,需要將JDK的安裝路徑綁定到環(huán)境變量中
變量名:JAVA_HOME 變量值:jdk的安裝路徑
Android Studio安裝
下載Android Studio
下載地址:developer.android.google.cn/studio/
下載完成:雙擊安裝台汇,下一步安裝
安裝完成后,找到SDK Manager, 下載安裝android SDK Platform29 (在Android 10.0下)
安裝模擬器苟呐,找到ADV Manager => 點擊 create Virtual Device 添加虛擬設(shè)備
Flutter SDK
或者通過git下載 git clone -b master https://github.com/flutter/flutter.git
網(wǎng)站上下載的是壓縮包痒芝,選擇位置解壓
運行命令
- 通過 flutter_console.bat 打開命令行,然后在命令行中運行flutter命令
- 綁定環(huán)境變量牵素,將flutter的執(zhí)行路基那個严衬,綁定到環(huán)境變量中
綁定環(huán)境變量,找到 bin目錄笆呆,路徑添加到環(huán)境變量
檢測flutter
在命令行中请琳,運行flutter doctor
,可能會出現(xiàn)三個問題
- Some Android license not accepted
運行flutter doctor --android-license
所有交互輸入Y
- 如果報錯Unable to locate Android SDK赠幕,需要將android SDK 添加到用戶變量
ANDROID_HOME = sdk路徑
Android toolchain - develop for Android devices
Unable to locate Android SDK.
版本一定要匹配正確俄精,具體報錯具體解決。
查看已安裝的模擬器
flutter emulators
啟動模擬器
flutter emulators --launch emulator-id
如果啟動不了模擬器榕堰,顯示 "HADXM is not installed"
- 檢查電腦是否開啟虛擬化技術(shù)竖慧,進(jìn)入BIOS界面找到
virtual Technology
設(shè)置為允許 - 檢查Android Studio 的SDK tools 是否由選中 HAXM installer
- 找到Android SDK\extras\intel\Hardware_Accelerated_Execution_Manager-2 雙擊 haxm.exe 文件安裝
初始化flutter項目
-
通過命令行
flutter create myproject
- cd myproject
- flutter run
-
通過Android Studio
- 必須安裝Flutter插件
-
通過vscode
- 必須安裝Flutter插件
修改國內(nèi)鏡像源
在運行flutter之前,需要先修改運行項目必須的資源路徑逆屡,需要修改兩個文件
- flutter項目/android/build.gradle
- Flutter SDK包下的flutter.gradle
google()
mavenCentral()
修改成
maven { url 'https://maven.aliyun.com/repository/goole' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/repository/public' }
找到flutter sdk下 flutter\packages\flutter_tools\gradle圾旨, 修改鏡像
本文轉(zhuǎn)自:https://juejin.cn/post/7036360364694437896