Flutter配置编辑器：VS Code

Flutter 集合https://www.jianshu.com/p/875a846cf26b

下载VS Cose:https://code.visualstudio.com/Download

启动VS Code，下载flutter插件

安装Flutter插件
1、启动 VS Code
2、调用 View>Command Palette…
3、输入 ‘install’, 然后选择 Extensions: Install Extension action
4、在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击Install
5、选择 ‘OK’ 重新启动 VS Code

验证Flutter插件是否安装成功：

验证是否安装成功
1、启动 VS Code
2、调用 View>Command Palette…
3、输入'doctor'，选择'Flutter: Run Flutter Doctor'
4、查看窗口“output”下的打印信息，成功如下图

image.png

小插曲，我第一次验证的时候，VSCode弹出了一个框，意思是找不到flutter的库，再检查一下'output' 窗口打印的提示消息
1、根据图中箭头指向，将flutter的bin文件夹选中作为路径
2、确认.bash_profile中添加的flutter路径是真实路径，不然不会找不到 export PATH=[真实路径]/flutter/bin:$PATH，刷新source ~/.bash_profile

1416781-3ccf03807cfe50da.png

创建一个flutter app，项目名称必须是小写

创建一个flutter app，
1、启动 VS Code
2、调用 View>Command Palette…
3、输入'flutter'，选择'Flutter: New project'， enter
4、在'Terminal'窗口中运行

VS Code项目界面

运行效果