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

• 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树在侧边栏

总结

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