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

总结

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

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

VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!)
前言之前也多多少少写过几篇推荐插件的文章; 因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐, 到现在慢慢接近三个月推荐一次,以后可能会更久也不一定! 优秀的插件需要用户去尝试,更需要作者花 ...
VS Code 折腾记 - (14) 再来推荐一波大前端适用系列(Node/React/Vue/小程序/主题/代码体验等)的插件
前言时隔半年,这期间我又搜罗了一波感觉比较好的插件, 依旧是那句话,好的插件需要作者去创造,时间去迭代- 废话不多说,直入主题; 插件集 React ES7 React/Redux/GraphQL/ ...
VS Code 折腾记 - (14) 再来推荐一波大前端适用系列 (Node/React/Vue/小程序/主题/代码体验等) 的插件...
前言时隔半年,这期间我又搜罗了一波感觉比较好的插件, 依旧是那句话,好的插件需要作者去创造,时间去迭代... 废话不多说,直入主题; 2018/7/10: 又追加了几个比较实用的(留言以及最新发现的 ...
VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)
前言天天跟代码打交道, 这一年下来我也收集了部分好玩的插件, 至少我觉得改善了我的编码体验~ 有兴趣的可以瞅瞅~~ 插件集列表拓展名及链接描述 File Suggest 改善typescript ...
沐风晓月个人博客折腾记：从零开始加上漂亮的前端模板，轻松提升博客品味
前言在个人博客折腾记的专栏里,我们已经安装好了wordpress,能用但看上去不够好看: 我们希望让前端模板好看一点,如果你有好的前端模板推荐,可以评论区留言哦. 如果你还没有搭建wordpress ...
VS Code折腾记 - (1)扯淡
题外话该软件在Github社区的发展非常快速,更新迭代够快,功能基本已经满足我所需了: 这个系列教程基于最新的vs code 1.8.1+开始老话重谈 Visual Studio Code是什么鬼 ...
那些html编辑器有代码片段6,VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入（snippet）...
前言本来分成三篇来写的,但是想了想没必要,大家都是聪明人...简单的东西点一下就晓得了. 基本配置快捷键自定义(Ctrl+K Ctrl + S) 那个when支持条件表达式返回一个布尔值支持的快 ...
VS Code折腾记 - (4) 常用必备插件推荐【前端】
前言这篇文章只要让你做一些基础的配置,把vscode变得更加顺手: 插件的需求不是一成不变,比如在新版就已集成的就可以移除了. 必备插件功能性 Auto Close Tag : 匹配标签,关闭对应 ...
Vue 2.x折腾记 - (15) 捣鼓一个中规中矩loading组件
前言最近有一个新的项目,UI大佬不知道从哪里找来了一张GIF丢到蓝湖, 说作为全局的页面loading ,但是自己想了想,还是选择画一个. 一开始想过用svg,canvas,最终还是选择了css3+ ...

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

前言

插件集

编码体验改善系列

协作系列

Vue系列

React系列

文件支持系列

小程序系列

工具篇

主题篇**

文章撰写

源码学习协助

总结

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

最新文章

热门文章