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

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
• 打开后修改指定内容。

将 里面的

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/';

修改成如下内容。

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可以解决这个问题。