flutter学习之旅(一)

初学Flutter

flutter官网和中文开发手册

安装flutter - windows

官方文档-windows

flutter_windows_3.7.9-stable.zip

编辑环境变量

  • 用户变量 一栏中,检查是否有 Path 这个条目:

  • 如果存在这个条目,以 ; 分隔已有的内容,加入 flutter\bin 目录的完整路径。

  • 如果不存在的话,在用户环境变量中创建一个新的 Path 变量,然后将 flutter\bin 所在的完整路径作为新变量的值。
    自己的flutter sdk路径

运行 flutter doctor

在这里插入图片描述

查看flutter版本

flutter --version

问题汇总

Unable to confirm if installed Windows version is 10 or greater(无法确认安装的Windows版本是否大于或等于10)

安装dart
还是有问题

#查看自己的flutter channel版本
flutter channel 

我的flutter channel

#flutter channel stable#将flutter版本切换为stable
flutter channel master#将flutter版本切换为master

将flutter版本切换为master

#确保flutter更新到了最新版本
flutter upgrade

查看flutter更新到最新版本

#再次检查是否解决
flutter doctor 

windows version is ok网址:yii666.com<

还是有错误,但是这个Unable to confirm if installed Windows version is 10 or greater问题已解决

Android toolchain - develop for Android devices X Unable to locate Android SDK.

这个是AbdroidSDK路径图

  • 桌面右键 我的电脑>属性>高级系统设置>环境变量>在用户变量中新建ANDROID_HOME,变量值就是Android SDK(我这里是D:\Feil\SDK\Android)路径
    在这里插入图片描述

设置好之后重启电脑即可

flutter doctor

Android toolchain - develop for Android devices  X Unable to locate Android SDK. is OK文章来源地址https://www.yii666.com/blog/468752.html

cmdline-tools component is missing

在这里插入图片描述

下载这个

flutter doctor
Google\Chrome路径 is not executable.

添加完还是不行的话

flutter config --android-sdk /path/to/android/sdk

Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)

因为我用的是MicroSoft Edge所以我们得安装个chrome

chrome用户变量

flutter doctor

Visual Studio not installed; this is necessary for Windows development.

Visual Studio

我下载的版本

vsStudio下载的详情图片(C++桌面开发)网址:yii666.com

flutter doctor

A network error occurred while checking “https://pub.dev/”: 信号灯超时时间已到&&A network error occurred while checking “https://maven.google.com/”: 信号灯超时时间已到

在中国网络环境下使用 Flutter

我的zip文件

重新安装flutter sdk

配置国内镜像
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
PUB_HOSTED_URL=https://pub.flutter-io.cn

windows-FLUTTER_STORAGE_BASE_URL配置
windows-PUB_HOSTED_URL配置

Unable to find bundled Java version.

方法1

参考文章

JDK的所有文件
Android安装目录的jre文件夹下

方法2

或者将AndroidStudio路径/jbr里的文件原封不动复制到上图的jre文件中

如果这样还是报错, 那可以考虑重装AndroidStudio,之后还是按照上面的俩种方法来解决

flutter HTTP Host availability check is taking a long time…[!] HTTP Host Availability

参考文章

  1. 找到flutter sdk的文件目录,依次找到flutter/packages/flutter_tools/lib/src/http_host_validator.dart文件
  2. https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/
    修改的图片
  3. 关闭所有打开了flutterSDK的程序,找到flutter\bin目录下的flutter_tools.snapshot文件永久删除
flutter doctor

Android license status unknown.

flutter doctor --android-licenses
Error: A JNI error has occurred, please check your installation and try again

Java和JDK的版本不一样。查看java路径

which java #Linux下
where java #Windows下

windows下编辑环境变量

java.lang.UnsupportedClassVersionError: com/android/prefs/AndroidLocationsProvider has been compiled by a more recent version of the Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file versions up to 52.0

把JDK文件复制一份到你Andriod Stduio文件夹下的jre(与bin目录同级)

注意如果你是JDK1.8的版本,那还是会报这个错误。我用JDK11是可行的
安装成功图片

安装成功图片

或者jre目录是存在的,不过里面几乎没东西,可以直接将jbr目录内的全部文件复制一份到jre目录下即可

'choco' 不是内部或外部命令,也不是可运行的程序或批处理文件。

  1. 打开powershell(管理员)
  2. 执行这条命令
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

更改 ChocolateyToolsLocation 环境变量来选择安装目录

  • 系统环境变量 中增加 ChocolateyInstall

打开powershell(管理员)

#D:\File\SDK\Chocolatey:只是存放目录,可以完全自定义修改
& setx.exe ChocolateyInstall D:\File\SDK\Chocolatey /M
refreshenv

之后可以看到环境变量
环境的图-chocolateInstall

安装Dart SDK(不推荐)

choco install dart-sdk

dart-sdk位置(跟更改 ChocolateyToolsLocation有关)

安装Dart SDK(推荐)

Dart for Windows

添加环境变量

在这里插入图片描述

dart --version

dart --version图文章地址https://www.yii666.com/blog/468752.html

vscode - Dart

vscode安装Dart插件文章来源地址:https://www.yii666.com/blog/468752.html

vscode安装Code Runner插件

void main(List<String> args) {
  var num = 42;
  print(num);
}

安装成功图片

安装成功

AndriodStudio创建Flutter

安装插件,重启应用

安装插件
New Fluter Project出现
FlutterSDK路径

vscode创建Flutter应用

参考文档
插件市场安装Flutter
Flutter然后重新启动 VS Code
Flutter: Run Flutter Doctor
Flutter:New Project
Application
基础项目文件图片
提示运行的平台

运行的指令

flutter run

flutter run平台选择

效果
效果图

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

领支付宝红包赞助服务器费用

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png