阅读 13409

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

前言

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

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

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

插件集

编码体验改善系列

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

协作系列

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

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

Vue系列

React系列

文件支持系列

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

小程序系列

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

工具篇

主题篇**

文章撰写

源码学习协助

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

总结

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

关注下面的标签,发现更多相似文章
评论