flutter安装 64位Win10 小白向

纯小白安装flutter的过程 写的不对之处还请指正

写在前面:网络上已有很多关于flutter安装的教程,有的也很详细,但在我自己安装的过程中却出现了各种各样的错误…可能是因为之前安java和Android studio的时候搞乱了,所以出了很多错。而且现有教程大都时间以久,新版本的不太适用,所以在这里讲下我2020年3月安装的可行方法。

过程可能不全,建议搭配别的教程食用。

需要下载/配置的东西

  • JAVA JDK
  • Android Studio
  • Flutter Sdk
  • Visual Studio Code
  • p.s. 有些东西要翻墙 不能翻墙的朋友可能得去别的博客看看

大体步骤

  1. 安装及配置java,Android Studio,flutter
  2. 用flutter doctor命令在cmd里不断检查是否配好环境
  3. 配好除虚拟机以外的东西
  4. 配虚拟机
  5. 安装及配置VS Code(不是VS)来写代码

安装步骤

1.JDK安装及配置

(1)百度/Google搜索jdk8,选择合适自己电脑的版本下载exe文件,可以从GitHub,或者百度网盘的链接。(为什么是8不是别的版本,后面会说)
(2)下载后双击安装,默认安装目录即可,记下目录在哪,一会会用到。
(3)配置java路径(4个):右击我的电脑->属 性->高级系统设置->(高级)环境变量->系统变量

  • 新建。 变量名:JAVA_HOME,变量值:你的java sdk根目录。 e.g., C:\Program Files\Java\jdk1.8.0_221。确定。
  • 找到Path,双击Path(若没有Path就新建),单击新建,输入%JAVA_HOME%\bin;再单击新建,输入%JAVA_HOME%\jre\bin。确定。
  • 我还添加了CLASSPATH,但有的文章说不用,以防万一加上总没错。新建。变量名:CLASSPATH,变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

(4)检查java是否已配好:win+r打开cmd,分别输入java,javac,java -version都能出现看起来就很对的东西,说明已经配好java环境。应该能配好,如果配不好可以去搜java环境配置教程,有太多太多了…

2.Android Studio安装(后面还要配置一些东西)

(1)百度/Google搜索Android Studio,版本3.6。
(2)下载后双击图标安装,默认选项正常安装即可。注意要保证sdk安装的目录的盘有足够空间。遇到问题,按正常思路选择即可。install时选择标准配置standard。AS在install的过程中要下载很多东西,过程较慢,耐心等待。
(3)配置AS环境变量

  • 同样(java)方法打开系统变量
  • 新建。变量名:ANDROID_HOME,变量值:Android的sdk所在目录。

3.Flutter sdk下载安装

(1)百度/Google flutter,点击Flutter中文网,下载合适电脑的flutter压缩包。
(2)下载好后解压到想解压的位置,目录中不要有中文不要有空格。
(3)配置flutter的环境变量(刚才配置了java的)

  • 同样(java)方法打开系统变量
  • 双击Path,新建,输入flutter下bin目录的地址。e.g.,C:\comp\flutter\bin。确定。

(4)检查flutter是否配好:在cmd输入flutter,能出现看起来就正确的东西。
(5)配置flutter国内镜像:为了更好的下载相关内容(不是必须)

  • 同样(java)方法打开系统变量
  • 新建。变量名:FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn
  • 新建。 变量名:PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn

4.Android Studio配置

(1)打开Android Studio,点击右下角的Configure,再点击plugins插件,左上角输入flutter搜索,可能要点击search in repositories, install,重启AS,就会在第二行看到Start a new Flutter project
(2)问是否同时安装Dart时选yes
(3) 重启后,选择第二项创建flutter project,可能会等一段时间,不会太长。
(4)选择Flutter Application,next
(5)之后可修改project name,location等。
(6)可能在Flutter SDK path里,即使输入正确地址,也找不到的问题。这里可能有两个原因。一是flutter环境变量没有配好,配好就可以了。二是有一种说法,flutter的文件在刚才的操作中被删除了一些,所以重新解压flutter即可。理论上讲这两者都做到就能找到sdk,但是我偏就在第二次打开AS的时候又找不到sdk了…于是我打开了第一次创建的project,再去new,就能找到sdk了…也不知道为什么
(7)之后一直next即可,域名什么的我也不懂,建议参考其他博客。
(8)成功创建flutter文件后,点击file,open,在创建project的目录下点击Android打开。
(9)第一次打开会很慢,在下载gradle文件。注意底部状态的提示。这时点击file是看不到一个叫‘Sync Project with Gradle Files’的选项的,说明还在下载。如果能看到了,那么不是下载完成就是卡死,注意看底部信息。若卡死,说明网速可能有点慢,点击这个选项,或检查网络。

扫描二维码关注公众号,回复: 10082128 查看本文章

5.不断在cmd调用flutter doctor检查是否配好flutter

flutter doctor命令既可以在cmd执行,也可以在flutter目录下的flutter_console.bat运行。前面配flutter环境变量就是为了在cmd能打开,若不行,右击.bat文件已管理员身份运行,输入flutter doctor一定可以。输入flutter doctor,第一次需要等待一段时间下载一些东西,后面会变快。然后就能看到类似这张图的内容
为了让他变成这样我快被折磨死了tvt
前面红圈里,如果是对号就可以了,感叹号就不行。理论上讲,按步骤来的话,其中第二个和第四个是感叹号,第一个和第三个是对号。第四个是说现在是否有设备(真机or虚拟机)连接,一般重启后第四个就会是感叹号,需要再次连接。
第二项是感叹号的话,我遇到了这样一些错误:
Android license status unknown

  • 执行flutter doctor --android-licenses
  • 若出现询问是否接受条款,那么恭喜你,一直执行y下去就可以完成。

可能1:A newer version of the Android SDK is required. To update, run: C:\Users\tdmil\AppData\Local\Android\sdk\tools\bin\sdkmanager --update

  • 首先一直cd进到bin目录,然后执行sdkmanager --update
  • 我的情况,先是出现warning有个文件未找到,网上经验是在相应目录下建一个名字相同的空文件即可,就不会再警告。
  • 然后第一次的时候等待了一段时间,出现done。
  • 然后,我回到原来的目录,执行flutter doctor --android-licenses,又出现了一样的警告: A newer version of the Android SDK is required. To update, run: C:\Users\tdmil\AppData\Local\Android\sdk\tools\bin\sdkmanager --update
  • 上网搜索发现,似乎可以打开AS sdk目录下的sdk manager来更新,但我打不开sdk manager…试了很多方法也不行(当然也是我太菜了tvt)
  • 然后搜到了一个万能的方法!
  • 控制台输入android update sdk --no-ui --filter build-tools-24.0.0,android-24,extra-android-m2repository回车 然后就可以跳过update直接接受了;_;
  • 一直y下去就可以啦

可能2:Exception in thread “main” java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema
at com.android.repository.api.SchemaModule SchemaModuleVersion.(SchemaModule.java:156)
at com.android.repository.api.SchemaModule.(SchemaModule.java:75)
at com.android.sdklib.repository.AndroidSdkHandler.(AndroidSdkHandler.java:81)
at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:73)
at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:48)
Caused by: java.lang.ClassNotFoundException: javax.xml.bind.annotation.XmlSchema
at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:582)
at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:190)
at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:499)
… 5 more

  • 出现这个的原因是java没配好,检查java配置
  • 可我当时都能用java输出hello world了:)我去检查个锤子
  • 事实证明不是java没安好,而是版本太高了,失去了一些文件
  • 建议java8,因为版本太高丢失文件,版本太低不支持= =

到这里还没有完成 还需要配置虚拟机

6.虚拟机

既可以用虚拟机,也可以用真机调试,目前我只会用AS建虚拟机,当然VS Code的,百度找虚拟机以及真机都可以
(1)进入AS点击右上方的手机样子的ADV manager图标
(2)若已有虚拟机,点右边的小箭头运行
(3)若没有虚拟机,左下角创建虚拟机

一个错误

Emulator: emulator: ERROR: Unknown AVD name [虚拟机名], use -list-avds to see valid list.

Emulator: Process finished with exit code 1

解决方法:将默认安装的在C盘下C:\Users\用户名.android\avd的整个avd文件夹移动到环境变量ANDROID_HOME所指的文件夹内即可。
之后就可以运行虚拟机了

7.用VS Code敲代码

到这一步,前期工作就基本做好了。网上的教程大多用vs code写代码,当然AS也可以,只是占的内存比较大。vs code比较轻量。

发布了1 篇原创文章 · 获赞 0 · 访问量 2

猜你喜欢

转载自blog.csdn.net/weixin_39861428/article/details/105008304