VS Code的第一个Flutter程序

“下载安装以及配置Flutter开发环境参照之前的文章”

打开vscode,使用快捷键command+shift+p打开命令面板,输入flutter,选择New Project,新建一个flutter项目即可:
VS Code的第一个Flutter程序
新建完成之后,vscode会新建一个窗口以及工作区和文件夹,如果你是像我一样设置了不同工作区以及对应的扩展(如:flutter扩展仅对我设置的flutter工程文件夹有效),那么你新建的flutter工程是不会成功的,只是显示一个空的文件夹。想要生效,具体操作如下:关闭新建的flutter工程,打开自己设置好的工作空间,选择添加文件夹到工作空间,添加进去之后就会开始自动完善创建的新工程了。

VS Code的第一个Flutter程序
VS Code的第一个Flutter程序
之后就是耐心等待一会,第一次创建可能需要下载不少东西。下好之后直接运行即可(需要有模拟器或者真机)。
VS Code的第一个Flutter程序