用VSCode开发Flutter安装教程

1,375 阅读1分钟

概述

AndroidStudio相对于VSCode太过于重量级,配置差一些的电脑可以考虑使用VSCode来进行Flutter开发。

下载地址

注意区分 Visual Studio 与 Visual Studio Code,前者是做C++开发的,当我们需要Flutter Windows桌面版本开发时才用得着。

我们本次需要的是 VSCode,全称是:Visual Studio Code

在Flutter官网上有VsCode的下载地址:flutter.cn/docs/get-st…

安装Flutter插件

image.png

注意左侧的这个标志:

image.png

它表示VsCode的扩展插件管理入口。 我们在这里输入Flutter,选择第一个,安装然后重启VSCODE即可。

安装中文补丁包

与安装Flutter插件一样的操作,我们搜索 Chinese,即可找到 中文包扩展插件,同样安装完成之后重启VSCODE:

image.png

创建Flutter项目

image.png

根据你的需要选择创建类型:

image.png

运行Flutter

运行的方式有多种:

  • 通过界面按钮

image.png

  • 快捷键F5

开始运行之后,能在控制台上看到运行日志:

image.png

正常,当你连接了手机之后,会出现安装界面,并且 控制台上会出现如下日志:

image.png

选择运行的设备

在最底端,选择可用的设备

image.png