VS Code 折腾记，vscode折腾记

前言

之前也多多少少写过几篇推荐插件的文章;
因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐,
到现在慢慢接近三个月推荐一次,以后可能会更久也不一定!

优秀的插件需要用户去尝试,更需要作者花时间沉淀和打造.社区需要多些包容,
我看到很多人会在一些插件下面辱骂.说什么万能不更新,辣鸡插件卸载不掉.
真心替那些作者不值,浪费自己生命造福社区的人却不被尊重还辱骂,贼寒心…

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

---

Node(em….自行理会)

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

---

Vue/React/Angular

• Auto Import - ES6, TS, JSX, TSX: 这个插件是作者在一个长期不更新的项目加以维护的,类似智能补全的,基本跟进主流
• React Native Tools: 让 vscode可以写 RN 的插件,包括调试!
• TSLint Vue : 让tslint 支持vue单组件内 ts 的语法

---

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 的触摸条)

• Nasc VSCode Touchbar :提供了挺多实用的功能点,用了感觉还行

---

Theme or highlight(主题或高亮)

• Cobalt2 Theme Official: 暗色调的,有一段时间感觉贼喜欢.
• Brackets Light Pro : 亮色调的,用来写 MD 看起来很舒服,还有阅读代码(不写的时候)
• Highlight Bad Chars: 这个插件的唯一亮点,你可以指定你想要高亮的特殊字符!!万花丛中一点绿!

---

总结

em……有用就点个喜欢吧…..没用就当做浪费时间吧….

文章内尽可能的避免推荐重复的插件…为此我还去重新整理了我曾经推荐过的….如图

em….依旧来一波提问的姿势