​ 工欲善其事,必先利其器

科学上网

Flutter谷歌的,因为国内的某些原因,没办法正常访问或者下载一些依赖的,这时候一个能访问墙外的网络就尤为重要,你们懂得。

可以自己去买服务器搭建,在这里不做另外说明,推荐一篇搭建教程:https://www.shen.ee/article/45273.html

我主要说下服务器,最近Vultr被墙的厉害,所以大家还是换个,我目前用的 DO还是很不错的。地址:https://m.do.co/c/dcde442ba814

首先咱们可以通过某宝买个github学生认证,除了拥有了私有仓库外。免费的IDE正版使用等等,其实还有一大堆福利:

上图中间就是DO免费的50美元优惠券了。另外通过上面DO链接注册完成paypal绑定支付5美金后,还会赠送100美元信用金余额,可以购买服务器。美滋滋。

安装JAVA

其实跟我之前写的那篇文章类似,只是现在系统变成了Windows,CentOS 7 安装 JAVA环境(JDK 1.8)

下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

如图,请记得点击 接受许可协议。

安装一路回车就好,安装完会自动弹出安装 JRE的程序,安装就好。安装完成后,打开cmd执行 java,出现下图的结果,即表示安装成功。

安装FLutter SDK

目前已经出了稳定版,咱们选择 Stable channel V1.0.0版本下载即可。
下载地址:https://flutter.io/docs/development/tools/sdk/archive?tab=windows#windows

下载完成后解压再你想要安装的目录,例如D:fluterflutter ,这个随意,但是不要安装到需要权限高的路径。

配置环境变量

电脑上计算机右键属性,依次打开

Path里添加你的Flutter SDK的安装目录的bin目录,例如我的在 E:Flutterflutterin 那么在Path里新建一个值为 E:Flutterflutterin的环境变量保存即可。

配置完成,可以在cmd执行下 flutter检测的命令

flutter doctor

然后发现好多错误,不着急,先忽略这里往下看。

[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Version 10.0.17134.472], locale zh-CN)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[√] Android Studio (version 3.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

安装Android Studio

下载地址:https://developer.android.com/

进入后往下拉,点击下载

下载完成后还是一路Next,它会自动安装Android SDK,到最后下载组件时会很慢,因为要去Google下载很多东西,所以你如果没有梯子,还是算了吧。

安装Flutter插件

安装成功后,打开设置

选择 Browse repositories 搜索 flutter 然后安装,安装时会弹窗提示你自动安装Dart同意即可。

安装完成后,重启Android Studio。

重启完成后再次输入检测命令

flutter doctor

这次可以明显看到错误少了

根据提示执行如下命令,接下来的提示全部输入 Y

flutter doctor --android-licenses

安装AVD虚拟机

接下再次执行flutter doctor可以看到就一个 No devices available的警告了,因为咱们虚拟机还没安装,接下来咱们打开Andorid Studio新建一个 Flutter的项目。

选择Flutter 应用

填写一些项目配置信息

接下来设置包名

打开工具导航栏的选择 Tools => AVD Manager创建一个虚拟机

选择你想要的虚拟机类型然后下一步

接下来选择系统版本,这里就用最新的9.0,先点击Download下载然后在安装,这个过程可能会很慢。安装完成后,打开运行按钮即可运行起来了。

运行Flutter项目

打开我们刚刚创建的那个Flutter项目,点击debug开始编译(会比较慢)

至此Flutter开发环境就搭建完成了。

VS Code编写Flutter

首先安装Flutter插件,会自动安装Dart插件,安装完成重启即可。

快速开启虚拟机

1.找到emulator.exe这个程序文件路径,emulator目录下的。例如:E:AndroidSdkemulatoremulator.exe
2.打开Android Studio,查看你的AVD虚拟机名称,例如:Nexus 5X API 28
3.新建一个.bat文件,名字自己随意起,内容如下:

E:AndroidSdkemulatoremulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_28

参数说明:

  • -netdelay none :设置模拟器的网络延迟时间,默认为none,就是没有延迟。
  • -netspeed full: 设置网络加速值,full代表全速。

以后编写Flutter项目,运行这个bat文件即可快速打开虚拟机。

VSCode实时自动编译快捷键:F5

本文章是在阅读胖哥(技术胖)Flutter免费教程整理而来,算是自己做了个备份。

欢迎留言

1 条评论