Flutter ( Flutter中文)可以使用一套代码生成多端程序,app,桌面应用程序,或者网站,现在对于车载系统都可以运用了。
由于flutter与 uniapp不通,是使用dart 语法来编辑的,所以在学习flutter是还需要学习dart语言。但是相对来说执行的性能会更优一点。
安装Flutter
下载
安装Flutter sdk 地址官网地址的安装教程很详细。这里只是做记录。
- 直接访问上方地址对压缩包进行下载, 随后解压到想保存的位置(目录不可以有中文。
配置环境变量
作为一个前端开发人员,对于环境变量的配置还是会生疏一些
- 在开始菜单的搜索功能键入「env」,然后选择 编辑系统环境变量。
- 系统变量中检测是否有Path 如果有则在最后将 你刚刚解压的目录下的bin 文件目录 加入Path 的条目中
点击编辑后,在最后新增一个条目,这样就配置好了
- 通过输入
where flutter dart
来验证刚刚配置的环境变量是否生效
flutter doctor
检测电脑环境
- 使用
flutter doctor
检查电脑现有环境
这里提示我电脑无安卓环境,根据提示下载Android studio后进行运行安装。
这里可以一直进行下一步安装, 后会可能会提示 找不到 Android SDK
这里我的sdk是指定位置安装的,F:\AndroidSDK是我的目录安装位置。 根据提示输入,flutter config --android-sdk F:\AndroidSDK
后再运行 flutter doctor
会提示找不到对应的sdk文件。cmdline-tools component is missing
- 这里需要Android studio 中 选择 SDK Manager
- 选择 SDK Tools ,找到cmdline-tools 并勾选 后点击apply ,就会自行安装了。
安装完成后,再次运行 flutter doctor
cmdline-tools component is missing 的报错就消失了。但是会提示 Android licenses not accepted.
运行 flutter doctor --android-licenses
来接受安卓的协议。全部 接受后再次运行 就 成功了。 下面的visual Studio 报错是因为 项目里没有安装 visual Studio 这个错误不影响 ,如果想要消除,可以根据提示指引进行安装。
Network resources资源问题。
可能会由于 Network resources 无法链接google网络,解决方案。
- 找到对应的文件目录。
flutter\packages\flutter_tools\lib\src\http_host_validator.dart
- 打开后修改指定内容。
将 里面的
代码语言:txt
复制
const String kCloudHost = 'https://storage.googleapis.com/';
const String kCocoaPods = 'https://cocoapods.org/';
const String kGitHub = 'https://github.com/';
const String kMaven = 'https://maven.google.com/';
const String kPubDev = 'https://pub.dev/';
修改成如下内容。
代码语言:txt
复制
const String kCloudHost = 'https://storage.flutter-io.cn/';
const String kCocoaPods = 'https://cocoapods.org/';
const String kGitHub = 'https://github.com/';
const String kMaven ='https://dl.google.com/dl/android/maven2/';
const String kPubDev ='https://pub.flutter-io.cn/';
- 去到flutter\bin 目录,删除cache 目录下的 flutter_tools_snapshot文件。去掉缓存,否则还会按照之前的执行。
- 打开一个新的cmd , 再新的窗口中运行
flutter doctor
可以解决这个问题。