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”下的打印信息,成功如下图

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

创建一个flutter app,项目名称必须是小写
创建一个flutter app,
1、启动 VS Code
2、调用 View>Command Palette…
3、输入'flutter',选择'Flutter: New project', enter
4、在'Terminal'窗口中运行


网友评论