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: 应该有部分人喜欢这种风格…

---

总结

能帮到各位小伙伴的话,这文章就有意义了…
倘若没帮到 请当做网上冲浪~~~