笨蛋也能看懂的Flutter框架安装教程

Posted on 2022-04-25  1544 Views


如何下载

一、下载flutter

1、首先到这个页面下载flutter框架,点击你想要的系统版本

2、点击获取SDK,等待下载完毕

二、下载Dart SDk

到这个网址https://dart.cn/get-dart/archive,点击Dart SDK即可下载,后面那个SHA-256是验证下载的,没用

如何安装

一、配置环境变量

1、在用户环境变量里创建这两个环境变量

  • ANDROID_HOME = Android SDK地址
  • FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn/
  • PUB_HOSTED_URL = https://pub.flutter-io.cn/

2、检查下Android SDK中有没有tools,没有的话去这里下AndroidDevTools,然后把它放进SDK文件夹中

3、在用户变量Path中添加flutter SDK的bin文件夹、Android SDK中的tools和platform-tools文件夹位置

二、下载Android Studio插件

点击左上角File -> Settings,找到Plugins,然后搜索这三个插件并安装

  • Dart
  • Flutter
  • Flutter Enhancement Suite

三、配置Flutter SDK

1、解压sdk安装包,在Android Studio点击左上角File -> Settings,找到Languages&Frameworks -> Flutter,然后在图示位置配上Flutter Sdk

2、在Android SDK处下载plateform-tools,顺便检查下Android SDK Command-lined Tools有没有安装

四、配置Dart SDK

把sdk压缩包解压在你想解压的地方,新建flutter项目,之后在Android Studio点击左上角File -> Settings,找到Languages&Frameworks -> Dart,然后在图示位置配上Dart Sdk

五、启动flutter doctor

flutter doctor是问题诊断程序,可以查出flutter与安卓连接有何问题

1、打开cmd,或者打开flutter根目录中的flutter_console.bat,输入flutter doctor指令,然后回车(这里用flutter_console.bat举例)

2、等待结果,如果都是勾的话说明没问题(我这里因为跨平台用不上web端和Windows端,所以没有配)

flutter doctor常见问题

Android license not accept:

输入flutter doctor --android-licenses即可

Unable to locate Android SDK:

环境变量没设置对,再检查检查

cmdline-tools component is missing Run `path/to/sdkmanager --install "cmdline-tools;latest"`

配置的Android SDK环境未安装命令行工具,打开Android Studio -> File -> Settings -> System Settings -> Android SDK


谢谢你能看完呀~~~