VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题)

前言

emmm…..失业之后,只能卷铺盖回家了….待来年开春再战…

回老家卖小吃…顺便学学车(考驾照),利用碎片化的时间扫荡插件….

于是,这篇文章就诞生了…

前端

调试工具

- Live HTML Previewer:编辑器内实时预览 html文件

- Debugger for Firefox: 如标题所示,vscode 关联

firefox

进行调试,和

Debugger for chrome

一致

智能提示及格式化

- Paste JSON as Code: JSON概要快速转换为其他语言的类型格式!(quick-type)

- Copy With Imports: 相当牛逼的插件,复制部分引用代码自动引入相关依赖…

代码片段

- React Native Snippet: RN 代码片段

- ES7 React/Redux/GraphQL/React-Native snippets: 如标题所示,涵盖的代码片段贼丰富

高亮

- Marko Syntax Highlighting: ebay 旗下

Marko

的语法高亮..挺有意思的一个类模板语言的 UI 库

- YAML:

yaml

的高亮,校验及格式化

图形化操作

NPM-Scripts: 在侧边栏可视化执行 npm 命令(项目内的

package.json

),小巧实用

File Tree View: 提供几个常见编程语言的函数或状态的树集合展示,可以快速点击跳转!!

JavaScript Test Runner Preview

: 快速执行单元测试,支持

Mocha

和

Jest

语言或框架

- OCaml and Reason IDE: 两种语言的支持,后者 facebook 出的(有兴趣的可以去了解,挺超前)

协作

GitLab Workflow: Gitlab 的快速管理工具

VS Live Share Preview: 牛逼哄哄的插件,实时协作..目前是预览版…等正式版了再专门抽时间写一篇这个的用法

主题

Andromeda: 风骚黄绿

Happy Hipster: 清新脱俗的z主题风

Vue Theme: 应该有部分人喜欢这种风格…

总结

能帮到各位小伙伴的话,这文章就有意义了..

倘若没帮到 请当做网上冲浪~~~