黑马程序员技术交流社区

标题: VSCode下如何玩转Flutter [打印本页]

---

作者: 小江哥    时间: 2019-4-22 15:21
标题: VSCode下如何玩转Flutter

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

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

这时候已经可以编写Flutter程序了，但是还没有预览的地方，也就是虚拟机没有开启。

一条命令快速开启虚拟机

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

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

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

flutter run 开启预览

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

flutter run

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

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

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2