资料

Flutter基础视频教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

正文

1. 首先需要在桌面新建一个 .bat 文件，使其可以启动下载好的 Android 模拟器

  1. 找到下载好的模拟器的路径

在本机电脑搜索 emulator.exe 即可找到 Android SDK 中的这个启动程序文件，之后复制地址栏中的文件路径

  1. 创建 .bat 启动程序文件

在桌面新建一个 .txt 文本文件，之后将其重命名为 emulator(这个是可以随意起的名字)，将文件的后缀 .txt 改为 .bat

  1. 编辑 .bat 文件
  • 鼠标右击 emulator.bat 文件，选择 “编辑” ``` D:\AndriodSDk\emulator\emulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_28
  2. > 如上所示：最前面是之前复制好的启动程序文件的路径， `-netdelay none` 表示不延迟，`-netspeed full` 表示使用全速，`-avd Nexus_5X_API_28` 这个表示启动模拟器，后面的是模拟器程序的名称，名称之间的空格这里是用 `_` 代替
  5. 4. `.bat` 文件的使用方法
  7. > 找到这个桌面的 `.bat` 文件双击即可（这个可能需要点时间，具体时长以本机性能为主）<br />
  8. ###2. 配置 VS Code 环境，并启动项目
  11. 1. 首先下载需要的扩展插件
  13. > 到【扩展】菜单中搜索 `Flutter` 这个插件进行下载，遂即也会自动将同样需要的 `Dart` 插件也下载下来，下载完 "重载" 编辑器即可
  16. 2. 运行项目
  18. > 在编辑器顶部的菜单中依次选择 【文件】-【打开文件夹】找到你的 Flutter 项目文件中并打开，之后 Ctrl+` 打开编辑的控制台，输入下面的命令启动项目（这个可能需要点时间，具体时长以本机性能为主）

flutter run

```

输入上面的命令的前提是，将 flutter 加到了 path 环境变量中，方法详见 Flutter基础视频教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

3. 项目在控制台中的命令

  1. p - 显示网格

显示网格

  1. r - 热更新

修改项目中的部分代码，Ctrl + S 之后，在控制台输入 r 便可以实时将更新后的视图展示到模拟器中

  1. o - 切换 Android 和 iOS两种模式

    4. 实现真正的像 Android Studio 里面的那样，Ctrl + S 便会自动更新视图

  2. 开启 VS Code 编辑器的 DeBug

点击编辑器最左侧的一个蜘蛛模样的 DeBug 图标，再点击”播放”图标，之后环境选择 DART & FLUTTER 即可实现热更新