VS Code 折腾记 - (15) 再来推荐一波大前端适用系列的插件(改善编码体验)

前言

距离上次推荐又过去半年了.这期间我又搜罗一些感觉比较好用的插件;

有些体验后被我干掉,有些依旧保留.优秀的拓展插件产出真的有限,这次主推比较实用的小拓展

对于插件我不推荐重复的,所以有些优秀的插件在我另外几篇文章可以找到,其他就不多说了.直入主题~~~


编码体验改善系列

  • Visual Studio IntelliCode - Preview : 提供AI支持(强化你的代码智能提示),就问你怕不怕,微软出品
  • File Utils : 非常实用的一个文件工具集,不用鼠标聚焦右键这些,直接操作当前打开的页面.
  • javascript console utils : 快速生成console.log(选中)
  • clear-console : 快速清除当前文件内的console.log信息,很实用
  • npm-ui : 侧边栏添加npm图标,npm菜单内可以直接执行命令
  • NPM Scripts : 命令行执行npm命令 ,可以算是npm ui的非UI版本
  • Surround : 快速包裹代码并且添加对应的条件语句,很实用
  • koroFileHeader : 快速添加注解到文件头部(预定义模板),比如创建时间,谁创建的
  • gi : 快速生成.gitignore
  • tea-time : 番茄计时器!有助于改善你长期盯电脑的习惯,到点去喝杯水缓缓什么的
  • Visual Snake Code : 撸代码累了.来一把贪吃蛇?然后继续苦逼!

协作系列

  • VS Live Share Whiteboard : VS Live Share 画板支持,这下子不仅代码能协作了,思路都能演示了

  • VS Live Share : 代码协作,会使用上面这个插件的小伙伴,肯定也会用这个插件

Vue系列

React系列

文件支持系列

  • docs-yaml : 提供yaml的智能补全和语法校验功能
  • DotENV : env文件的支持

小程序系列

  • minapp : 写原生微信小程序必备的插件,智能补全,函数跳转等等

美化系列

工具篇

主题篇

源码学习协助

vscode-ast : 解析JS/TS文件生成AST树在侧边栏


总结

有不对之处请留言,会及时修正,谢谢阅读

猜你喜欢

转载自juejin.im/post/5c356b106fb9a049ef26c368