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

版权声明：版权所有:CRPER(crper@outlook.com); 掘金|Github:CRPER; https://blog.csdn.net/bomess/article/details/86150020

前言

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

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

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

插件集

编码体验改善系列

• 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系列

• vusion peek :

  Vue

  组件快速跳转(

  Peek

  )

React系列

• React PropTypes Generate : 一键生成

  react

  的

  proptypes

  , 不用

  ts

  的小伙伴必备
• React JavaScript to TypeScript Transformer for VSCode :

  React

  的

  js

  版本转

  ts

  版本,有些瑕疵,但可用

文件支持系列

• docs-yaml : 提供

  yaml

  的智能补全和语法校验功能
• DotENV :

  env

  文件的支持

小程序系列

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

工具篇

• Error Gutters : 会把错误显示为图标,类似

  git gutter

  ,一目了然
• carbon-now-sh : 快速生成漂亮的代码图片
• Bracket Pair Colorizer 2 : 原作者的第二版,括号高亮匹配更快速
• file-tree-generator : 

  tree

  命令的鼠标操作版,还会输出icon符号
• TypeScript Import Sorter : 适合强迫症用户,给引入语句进行排序,可以单文件或者整个目录深度遍历
• JSON Tree View : 可视化跳转

  json

  ,适合懒人快速定位

  json

  的某个

  key

主题篇**

• Light+ Tweaked : 柔和的亮色主题
• Palenight Theme : 非常好看的一个暗色主题
• Horizon Theme : 柔和的暗色调主题

文章撰写

• PicGo : 很实用的图床上传工具,直接返回

  url

  ,用了都说好.
• MarkDown Link Suggestions :

  md

  内本地资源智能提示
• Markdown Command Assist:傻瓜化

  md

  使用,鼠标右键选择生成

源码学习协助

vscode-ast : 解析

JS/TS

文件生成

AST

树在侧边栏

总结

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