Mac下Flutter开发工具VS Code配置使用

下载安装VS Code

官网地址
根据系统安装对应版本,win10参照之前的文章。Mac下直接下载解压,将解压出来的软件放入应用程序中即可。
Mac下Flutter开发工具VS Code配置使用

初次打开软件如下图所示,会是全英文展示(想学英文的朋友可以试试就这样用下去~当然我不想),这里介绍一个快捷键command+shift+p 打开强大的vs搜索框(官方称之为命令面板),搜索Configure display language,其实默认就有显示的:
Mac下Flutter开发工具VS Code配置使用
选择之后出现下图:

Mac下Flutter开发工具VS Code配置使用
选择Install additional languages:

Mac下Flutter开发工具VS Code配置使用
选择第一个Chinese 进行Install即可,安装完成后重启显示的就是中文界面了。

Mac下Flutter开发工具VS Code配置使用

Flutter插件安装

在左侧的图标中选择扩展,并在搜索中输入flutter,选择第一个安装即可:
Mac下Flutter开发工具VS Code配置使用
安装成功之后使用快捷键command+shift+p(win10:ctrl+shift+p),在搜索框中输入flutter,会显示出如下和flutter相关的快捷操作指令,这里先选择Run flutter doctor指令,这个指令的作用和我们打开命令行输入flutter doctor效果一样。

Mac下Flutter开发工具VS Code配置使用
等待运行结束之后可以查看打印结果:
Mac下Flutter开发工具VS Code配置使用
像我这样显示出来的就是没有问题的了,如果找不到这个输出面板,可以点击软件界面的左下角的问题图标就可以打开面板,打开之后选择输出,在下拉框中选择flutter,就可以看到flutter相关的log日志了。
Mac下Flutter开发工具VS Code配置使用
OK!到目前为止VS Code上的Flutter配置差不多就结束了!后面会继续使用并分享心得!