环境配置
按照文章、视频教程
一步一步、不骄不躁
推荐网站flutter的中文网在 Windows 操作系统上安装和配置 Flutter 开发环境 | Flutter 中文文档 | Flutter 中文开发者网站
jave安装环境配置
- JAVA环境下载地址
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
- 打开Java的第一个文件夹的目录C:\Program Files\Java\jdk1.8.0_281,新建到系统环境里,并且命名为JAVA_HOME,并且把文件bin文件夹目录的两个文件路径C:\Program Files\Java\jdk1.8.0_281\jre\bin和C:\Program Files\Java\jdk1.8.0_281\bin新建到path文件路径中
- 然后win+r进入cmd输入java若电脑展示证明java安装完成。
##git安装下载
- 下载即可,系统会自动配置环境
##flutterSDK的安装
- 下载地址
https://flutter.io/sdk-archive/#windows
- 把flutter文件的bin路径新建到系统环境path路径中
- 为了能以后尽快打开网络须在系统变量里新建两个环境。
环境变量名:FLUTTER_STORAGE_BASE_URL
内容:Index of /flutter/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror
环境变量名: PUB_HOSTED_URL
内容:Index of /dart-pub/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror
## flutter doctor
会出现【图片加载失败】
三者以此是 安装flutter、Android证书、安装Android studio
Android Studio
- 下载地址
https://developer.android.com/
- plugin配置在右下角有plugin(插件)进入下载flutter插件即可,然后需要重新重启。
安装Android证书
安装好Android Studio后,再次打开终端(命令行),输入flutter doctor --android-licenses然后会提示你选Y/N,不要犹豫,一律选择Y,就可以把证书安装好。(说的都是一大堆一大堆的英文,我也看不懂是啥)
虚拟机的安装
- 现在需要一个虚拟机来运行我们的程序,可以点击Android Studio中的上方菜单tool -AVD Manager选项。
- 出现新建菜单,选择Create Virtual Device.....进行建立
- 选择虚拟机类型,这个你随意选就好,我选择的是Nexus 5x。(如果你屏幕小,就选择一个小屏幕的虚拟机)
- 选择系统,这里尽量选择最新的,我选择了Android 9.0系统,选择好后,又是一个漫长的等待过程.
- 安装好后,点击开始按钮,运行虚拟机了(第一次运行,需要安装系统,会慢一些),运行起来后,如下图。
flutter运行
虚拟机运行以后,可以点击debug按钮,让Flutter程序跑起来。如果你幸运的话,你的Flutter程序经过编译后,就会跑起来了。(这种幸运的机会很小,总会碰到一些小错误,我在这里介绍两个常见的错误)。
以上出现的错误
- flutter doctor出现错误运行结果图片找不到了反正就是第一次运行flutter -h出现的解决方式:删除dart--sdk中的lookfile文件该文件在flutter中。
- unable to locate adb报错解决办法
- ·····
- 也可以尝试按照csdn介绍点击Android Studio自带的 Terminal, 输入命令netstat -ano | findstr "5037 ---->输入命令taskkill /pid 10552 /f杀死10552号进程。(无用进程) 我觉得没用。 可以点击b站粘贴,有详细教程。
vs code
为什么下载vs code?
因为Android Studio运行时所要的运行内存太大,需要用vs code
- vs code的好处:用Android Studio来进行开发的,它太重量级了。所以必须想办法用VSCode进行开发。幸运的是VSCode已经有了Flutter插件,而且也非常完美。
下载地址:
https://code.visualstudio.com/
vs code安装flutter插件
- 打开VSCode的Flutter插件界面,然后用在搜索框中输入Flutter,第一个就是Flutter插件了。点击install就可以进行安装了。
- 再搜索Chinese安装chinese插件这样可以使软件汉化。
- 安装完成后,是需要重启VSCode的。有的小伙伴肯定会问用不用装Dart插件,其实是用装的,只不过安装完Flutter插件后,Dart也为我们安装好了,不用我们自己安装。
- 重启。
在桌面打开avd的方法
开启虚拟机需要两个步骤:
- 打开emulator.exe这个程序,你可以巧妙利用windows的查找工具进行查找。
- 打开你设置的虚拟机,批处理时需要填写你设置的虚拟机名称。
具体步骤如下:
- 新建一个xxx.bat文件到桌面,xxx的意思是,你可以自己取名字,随意叫什么都可以。我这里叫EmulatorRun.bat.
- 查找emulator.exe文件的路径,把查找到的路径放到bat文件中(如图)。 你一般会查找到两个emulator.exe文件,一个是在tools目录下,一个是在emulator目录下,我们选择emulator目录下的这个,复制它的路径。 C:\Users\Administrator\AppData\Local\Android\Sdk\emulator\emulator.exe (特别说明,你的和我的很有可能不一样,你要复制i电脑中的路径,不要复制这里的代码)
- 打开Android Studio,并查看你的AVD虚拟机名称。 如果你觉的输入不方便和怕出错,你可以点击图片后边的笔型按钮,进入编辑模式,复制这个名称。
- 然后根据你复制的名称,把bat文件输入成如下形式。 C:\Users\Administrator\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_28 进行保存后双击bat文件,就可以迅速打开虚拟机了。
参数解释:
- -netdelay none :设置模拟器的网络延迟时间,默认为none,就是没有延迟。
- -netspeed full: 设置网络加速值,full代表全速。
接下来就是运行了👍