• 首页
  • 感性生活,理性思考。


flutter vscode 好用的ide插件

运行调试插件

必须的插件,开发环境的保证

  • Dart
  • Flutter

代码片段

  • Flutter Widget Snippets
  • Awesome Flutter Snippets

第一个插件提供 Widget 代码片段,第二个插件提供常用函数的代码片段。使用起来非常方便,例如创建一个 Stateful App,只需要输入 fstful,即可快速创建。

  • flutter-stylizer

可解决api不提示问题

高亮

  • Bracket Pair Colorizer

vscode 自动会为 Dart 代码进行高亮显示,因此无需下载其他高亮插件。但是写过 Flutter 的应该都会觉得, Flutter 简直就是嵌套地狱。因此推荐这个插件,可对括号进行高亮匹配显示,这样更易于阅读以及修改代码。

代码托管

  • GitLens

VSCode 中强大的 Git 工具,VSCode 必装插件之一。可能在代码框看到提交记录。

界面美化

  • Material Icon Theme

用于分清主题各个不同类型文件,做的很详细,推荐

2068504-4dc5916c0ea9b5d9.png

开发效率

  • 自动引入import, 插件:Auto import
  • 自动整理import(删除无引用的)

command+p打开vscode的命令输入框,搜setting.json,打开,找到[dart]配置项加入代码:

"[dart]": {
        "editor.codeActionsOnSave": { "source.organizeImports": true },
}

保存后自动执行整理

  • ADB Interface for VSCode

无线真机调试插件
使用command+p[mac] ctrl+p[win]打开命令框,应该能看到这三个命令

# 第一步 断开所有设备
Disconnect from any devices
# 第二步 设置端口号
Reset connected devices port to :5555
# 第三步 连接设备
Connect to device xxx.xxx.xxx.xx [提示:同一局域网的IP段]

本文链接:

https://chao.asia/tech/157.html

1 + 6 =
快来做第一个评论的人吧~
lamu.png