3.VSCode搭建运行flutter

在vscode中安装flutter插件

一条命令快速开启虚拟机

现在想开启虚拟机需要打开Android Studio,然后再打开AVD虚拟机,我的电脑足足要等2分钟左右(土豪电脑除外),我反正是不能接受的,一点不符合极客精神。下面就用一条命令,或者说制作一个批处理文件,来直接开启AVD虚拟机,这样就不用再等两分钟来开启Android Studio了。

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

  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代表全速。

flutter run 开启预览

现在模拟器也有了,VSCode也支持Flutter开发了.现在可以在VSCode中直接打开终端,快捷键是ctrl+~,然后在终端中输入下面的命令。

flutter run

经过短暂的编译后就会启动我们的程序了(如图)。 

到此处,终于搭建出了适合前端程序员的开发环境,下节课开始,我们正式来学习Flutter代码的编写知识。