VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!)

6,961 阅读5分钟

前言

之前也多多少少写过几篇推荐插件的文章;

因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐,

到现在慢慢接近三个月推荐一次,以后可能会更久也不一定!

优秀的插件需要用户去尝试,更需要作者花时间沉淀和打造.社区需要多些包容,

我看到很多人会在一些插件下面辱骂.说什么万年不更新,辣鸡插件卸载不掉.

真心替那些作者不值,浪费自己生命造福社区的人却不被尊重还辱骂,贼寒心...

废话不再多说,这次同样给小伙伴推荐你觉得靠谱就靠谱系列的插件和主题!!

插件集

Node

  • npm Intellisense : 正如标题所说,在写引入模块的时候智能提示!!
  • NPM Smart Importer : 与上个的插件的差异是智能补全,比如你 copy 了一些代码,而木有引入部分模块!可以点击引入!
  • NPM Dependency Links : 这个就是方便你在初始化脚手架项目之后想了解某些模块,点击直接调到npm 模块发布页面...省去了打开浏览器,搜索....
  • ExpressJs 4 Snippets : 如标题所言,里面汇总了70个片段,基本是 ES6的语法的!!
  • Pug : 这是模板语言的代码片段,严格来说并不属于 node,问题这货基本用于服务端渲染的模板语言,一般和 node 的服务端框架搭配...

Vue/React/Angular

css or scss

  • css-triggers:这个插件的亮点就是可以看到渲染的流程和理论...可以当做参考工具
  • HTML SCSS Support: scss的智能补全,支持在 html,ng,vue,.net等使用(布局局限具体看文档).
  • Autoprefixer: 若是基于脚手架的项目基本配置下就好了(不用这个插件)..这个一般用于你想写点什么或者维护老项目,可以省点时间的
  • CSS Grid Snippets: CSS Grid 的代码片段,CSS Grid是下一代的布局姿势,不过目前兼容性很渣..成为主流可能要等个三四年,移动端上好一些(但只限于比较新的系统)

tools(杂七杂八的小工具)

  • Babelrc: 验证babelrc内的语法格式!!
  • CodeMap: 可以理解为"大纲",支持ts,md,python . 挺实用的
  • Debugger for Chrome: 更新迭代了那么久,稳定性已经很不错了,非常棒的调试工具.用过都说好
  • Complete JSDoc Tags : 智能提示补全JSDOC的语法
  • Git Project Manager: 适合有多个git项目的小伙伴,可以快速跳转,比如打开文件夹慢慢找快 N 倍
  • Git Branch Warnings: 一个很温馨的提醒,可以高亮某个分支提醒你要慎重,这个小功能感觉以后会内置
  • jumpy: 羡慕vim党,但是不会耍,想快速跳转到指定位置!这个就可以...
  • licenser: 可以快速生成开源协议的头部!!,配置自己的用户名和邮箱等,挺实用的
  • Bookmarks: 给文件某个位置打标签,用来快速跳转的..不知道这个功能到现在为何没内置!!

Markdown(md 规范的文档)

为什么单独抽出来,有好几个实用的插件...打造好完全不输所谓的纯 MD 编辑器好么!!!

  • Markdown Preview Enhanced: 国人出品的精品插件!!!涵盖的东西很多,上至公式下至导出(装了这个其他都是可以选装了),不过你要跟着它提供的文档把对应的功能点依赖给补齐了..适合愿意折腾的
  • Markdown All in One: 添加了一些内置md 没有的,比如支持 github的 tasklist,table formatter,还有 TOC 和快捷键这些
  • Markdown+Math: 支持多种数学公式的展示!!
  • Markdown PDF: 把 MD 转为 PDF,支持emoji,checkbox和语法高亮
  • Markdown Preview Mermaid Support:支持Mermaid规范的流程表生成
  • Markdown Emoji: 支持 md 插入emoji..但是用起来支持的力度不怎么够,不知道作者会不会继续维护下去..但是常见的emoji是有的

DATABASES(数据库)

对于喜欢命令行的,也有三个推荐的,针对 SQL SERVER,MYSQL,MongoDB

  • MySQL: 操作 MYSQL
  • MongoDB: 操作 MongoDB
  • mssql: 操作 SQLSERVER,还内置了智能提示(针对T-SQL类的)..微软自家出品,必属精品!!

Python

py大法好,但只是粗浅的了解过一段时间,忘的差不多了..有机会再入坑试试

  • Python: 微软自家出品,必输精通,装上这个后vscode写 python 体验还是挺不错的
  • MagicPython: 戴上Magic,有人喜欢有人讨厌,看人吧..针对python魔术方法还有新特性的插件.好不好你说了算

Mac TouchBar(MBP 的触摸条)

Theme or highlight(主题或高亮)

总结

希望该篇文章可以帮到一些小伙伴节省时间,加快开发。