VS Code 折腾记

插件集

前端

调试工具

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

---

总结

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

文章最后发布于: 2018-01-30