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

前言

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

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

到如今慢慢接近三个月推荐一次,之后可能会更久也不必定!

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

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

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

废话再也不多说,此次一样给小伙伴推荐你以为靠谱就靠谱系列的插件和主题!!

插件集

Node

• 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: 这个插件的惟一亮点,你能够指定你想要高亮的特殊字符!!万花丛中一点绿!

总结

但愿该篇文章能够帮到一些小伙伴节省时间，加快开发。