环境配置

按照文章、视频教程

一步一步、不骄不躁

推荐网站flutter的中文网在 Windows 操作系统上安装和配置 Flutter 开发环境 | Flutter 中文文档 | Flutter 中文开发者网站

jave安装环境配置

1. JAVA环境下载地址

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

1. 打开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文件路径中

2. 然后win+r进入cmd输入java若电脑展示证明java安装完成。

##git安装下载

• 下载即可，系统会自动配置环境

##flutterSDK的安装

1. 下载地址

https://flutter.io/sdk-archive/#windows

1. 把flutter文件的bin路径新建到系统环境path路径中

2. 为了能以后尽快打开网络须在系统变量里新建两个环境。

   环境变量名：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

1. 下载地址

https://developer.android.com/

1. plugin配置

   在右下角有plugin（插件）进入下载flutter插件即可，然后需要重新重启。

安装Android证书

安装好Android Studio后，再次打开终端（命令行），输入flutter doctor --android-licenses然后会提示你选Y/N，不要犹豫，一律选择Y，就可以把证书安装好。（说的都是一大堆一大堆的英文，我也看不懂是啥）

虚拟机的安装

1. 现在需要一个虚拟机来运行我们的程序，可以点击Android Studio中的上方菜单tool -AVD Manager选项。

2. 出现新建菜单，选择Create Virtual Device.....进行建立

3. 选择虚拟机类型，这个你随意选就好，我选择的是Nexus 5x。（如果你屏幕小，就选择一个小屏幕的虚拟机）

4. 选择系统，这里尽量选择最新的，我选择了Android 9.0系统，选择好后，又是一个漫长的等待过程.

5. 安装好后，点击开始按钮，运行虚拟机了（第一次运行，需要安装系统，会慢一些），运行起来后，如下图。

flutter运行

虚拟机运行以后，可以点击debug按钮，让Flutter程序跑起来。如果你幸运的话，你的Flutter程序经过编译后，就会跑起来了。（这种幸运的机会很小，总会碰到一些小错误，我在这里介绍两个常见的错误）。

以上出现的错误

1. flutter doctor出现错误

   运行结果图片找不到了

   反正就是第一次运行flutter -h出现的

   解决方式：删除dart--sdk中的lookfile文件该文件在flutter中。

2. unable to locate adb报错解决办法

   1. ·····

   2. 也可以尝试按照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插件

1. 打开VSCode的Flutter插件界面，然后用在搜索框中输入Flutter,第一个就是Flutter插件了。点击install就可以进行安装了。

2. 再搜索Chinese安装chinese插件这样可以使软件汉化。

3. 安装完成后，是需要重启VSCode的。有的小伙伴肯定会问用不用装Dart插件，其实是用装的，只不过安装完Flutter插件后，Dart也为我们安装好了，不用我们自己安装。

4. 重启。

在桌面打开avd的方法

开启虚拟机需要两个步骤：

1. 打开emulator.exe这个程序，你可以巧妙利用windows的查找工具进行查找。

2. 打开你设置的虚拟机，批处理时需要填写你设置的虚拟机名称。

具体步骤如下：

1. 新建一个xxx.bat文件到桌面，xxx的意思是，你可以自己取名字，随意叫什么都可以。我这里叫EmulatorRun.bat.

2. 查找emulator.exe文件的路径，把查找到的路径放到bat文件中（如图）。 你一般会查找到两个emulator.exe文件，一个是在tools目录下，一个是在emulator目录下，我们选择emulator目录下的这个,复制它的路径。

   C:\Users\Administrator\AppData\Local\Android\Sdk\emulator\emulator.exe

   (特别说明，你的和我的很有可能不一样，你要复制i电脑中的路径，不要复制这里的代码)

3. 打开Android Studio，并查看你的AVD虚拟机名称。 如果你觉的输入不方便和怕出错，你可以点击图片后边的笔型按钮，进入编辑模式，复制这个名称。

4. 然后根据你复制的名称，把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代表全速。

接下来就是运行了👍