Flutter是谷歌开发的一款开源、免费的基于Dart语言
的UI框架,可以快速在IOS和Android上构建高质量的原生应用。它的最大的特点是跨平台和高性能。
Dart是由谷歌,在2011年开发的计算机编程语言,它可以被用于Web、服务器、移动应用和物联网等多个领域,号称要取代javascript
跨平台(适用多个终端)
-
移动端
- Android
- iOS
-
Web端(各种浏览器)
-
桌面应用
-
嵌入式开发
高性能
-
flutter应用的性能,接近原生App
-
Flutter采用GPU(毒性显示)渲染技术
-
Flutter应用的刷新频率可达120fps
- 可以用Flutter来开发游戏
资源网站
-
官网:flutter.dev
-
Github:github.com/flutter/flu…
-
中文网:
环境搭建
- Windows只能搭建Android开发环境
- Mac下技能搭建Android开发环境,也能搭建IOS开发环境
- vscode安装flutter插件
- 网络环境 需翻墙
window下安装安卓环境
-
JDK
-
Android Studio
- 安装Android Studio
- 安装Android SDK
- 安装Android模拟器
-
Flutter SDK
- 直接下载
- 通过Git下载
配置资源镜像
由于在国内访问Flutter有时候可能会收到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将下面的资源地址加入到环境变量中
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码
找到我的电脑 => 属性 => 高级系统设置 => 新增系统环境变量 以上面 键值形式添加
安装JDK
下载完成,双击安装
安装完成 验证是否成功 终端输入java -version查看版本号
如没有,需要将JDK的安装路径绑定到环境变量中
变量名:JAVA_HOME 变量值:jdk的安装路径
Android Studio安装
下载Android Studio
下载完成:双击安装,下一步安装
安装完成后,找到SDK Manager, 下载安装android SDK Platform29 (在Android 10.0下)
安装模拟器,找到ADV Manager => 点击 create Virtual Device 添加虚拟设备
Flutter SDK
或者通过git下载 git clone -b master https://github.com/flutter/flutter.git
网站上下载的是压缩包,选择位置解压
运行命令
- 通过 flutter_console.bat 打开命令行,然后在命令行中运行flutter命令
- 绑定环境变量,将flutter的执行路基那个,绑定到环境变量中
绑定环境变量,找到 bin目录,路径添加到环境变量
检测flutter
在命令行中,运行flutter doctor
,可能会出现三个问题
- 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”
- 检查电脑是否开启虚拟化技术,进入BIOS界面找到
virtual Technology
设置为允许 - 检查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插件
修改国内镜像源
在运行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, 修改镜像