Flutter 从0到1 学习之路 part1:安装Flutter及配置变量

2023-12-08 12:00:53 浏览数 (1)

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网络,解决方案。

  • 找到对应的文件目录。flutterpackagesflutter_toolslibsrchttp_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/';
  • 去到flutterbin 目录,删除cache 目录下的 flutter_tools_snapshot文件。去掉缓存,否则还会按照之前的执行。
  • 打开一个新的cmd , 再新的窗口中运行flutter doctor可以解决这个问题。

0 人点赞