写代码的时候,总有些重复操作让人烦不胜烦。比如格式化一段 JSON、自动补全引号、检查拼写错误,甚至只是调整缩进。其实这些琐事完全可以交给编辑器插件来处理,省下的时间够喝两杯咖啡。
VS Code 的实用插件组合
用 VS Code 的人不少,但很多人只用了基础功能。装上几个插件,体验立马不一样。比如 Prettier,保存文件时自动格式化代码,团队协作再也不用为缩进空格还是制表符吵架。还有 ESLint,写 JS 时实时提示语法问题,避免低级错误上线后才发现。
前端开发常要写 HTML 和 CSS,Auto Rename Tag 就很贴心——改了开始标签,闭合标签自动同步更新。以前手动改两个地方,现在改一次就行。
Markdown 写作也离不开插件
写文档、记笔记越来越多用 Markdown,Markdown All in One 让标题自动生成目录,还能用快捷键快速加粗、插入链接。配合 Markdown Preview Enhanced,右边实时预览渲染效果,像在 Typora 里一样顺滑。
有次帮同事看一份产品说明,他还在 Word 里调格式,我用 Markdown 写完导出 PDF,连页眉页脚都自动加上了,全程不到十分钟。
代码片段插件:别再复制粘贴了
CodeSnap 能把选中的代码块截图美化,发到群里清晰又专业。而 Bracket Pair Colorizer 给成对的括号染上颜色,嵌套深的代码一眼就能看出哪一对没闭合。
还有个叫 Todo Tree 的插件,能把代码里的 // TODO 标记集中列出来,相当于一个轻量级任务清单,回头逐个清理就行。
自定义配置示例
有些插件需要简单配置才能发挥最大作用。比如 Prettier 可以在项目根目录加个配置文件:
{
"semi": true,
"trailingComma": "all",
"singleQuote": true,
"printWidth": 80
}
这样团队成员只要装了插件,格式就自动统一,不用每次提醒。
Sublime Text 用户也有选择
虽然 VS Code 火,但 Sublime Text 依然有不少忠实用户。通过 Package Control 安装插件也很方便。Emmet 支持让写 HTML 快得飞起,输入 ul>li*5 按下 Tab,立刻生成五个列表项。SideBarEnhancements 增强侧边栏功能,右键菜单多了删除、复制路径等实用选项。
有朋友说他用 Sublime 写 Python 脚本,配上 Python Flake8 Lint,写完就能看到潜在问题,比运行时报错再改快多了。