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

---

总结

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