VS Code 是我用起来最舒服的一款编辑器,比起对pycharm的使用,它显得轻级的多的多。好的插件不仅能提高你的生产力,还可以提高你对代码的激情 ( (∩_∩) ) :
在读芯术公众号中看到一篇介绍到的VScode插件,现在整理一下发出来分享:

整理如下:


1 . WakaTime

https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime
简单来说就是这款插件可以记录你的所有编程活动:你每天花多长时间写代码,你正在做的所有项目,你使用的所有编程语言,你对每门语言的熟练程度等等。

这一点太绝了!它还能根据你的编程活动做出漂亮的图表,长这样:

2 . LiveServer

链接:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

用live server打开页面就可以省去你每次做完调整后重新更新的烦恼,谁能不爱呢?


3. PathIntellisense

链接:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

无论是导入依赖项,在HTML文档中添加图像,还是在HTML文件中附加JS脚本或链接CSS文档,我们始终需要将路径放置到文件中。
这款插件能自动补全路径:

4 . AutoClose Tag

链接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

5.Markdownlint

链接:https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

在GitHub上随意打开一个开源项目,你会发现它们中的大部分都有的一个共同特点就是入门手册README.md的文档格式乱七八糟不统一。

Markdown插件的标记语言旨在易于阅读、编写和理解。它成功做到了这一点,不过它的灵活性既是它的优点也是它的缺点。因为有多种格式,因此可能会出现格式不统一。有些在所有解析器中都无法正常运行的格式应当避免使用。

markdownlint是一款VisualStudio Code扩展插件,内含一套提高Markdown文档标准性与一致性的规则包。

6.Markdown Preview Enhanced

链接:https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

你是不是已经放弃使用ms-word等软件而选择使用markdown制作文本文档?安装这款插件后再看看你的markdown:


7 . AutoRename Tag

链接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

最后一款插件是auto rename tag。
从它的名字就能看出来如果你想修改标签,它就能自动修改已经关闭的标签

8.Prettier — Code Formatter

链接:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

人们总是为缩进2个空格还是4个空格而争执不休,还有人缩进8个空格的,这个操作真是令人迷惑啊兄弟?!而你总得把其中一个转换成另一个格式。不要再去一行行手动添加或删除空格了,用这款插件就能搞定。

或者考虑另一种情况,你从网上搞到一段代码或者是你朋友写了一段代码,你发现不是每行代码都有缩进,你该怎么办呢?打算手动修改吗?直接用这款插件就可。

Prettier是一款“有主见的”代码格式化工具。它通过解析代码并根据自己的规则(会考虑最大行长)重新打印代码使代码风格保持一致,在必要时会打包代码。

9.Rainbow Brackets

链接:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

不同颜色的括号看起来特别特别酷炫。
这款插件为圆括号、方括号以及花括号提供彩虹颜色,对Lisp、Clojure、JavaScript等程序员极其有用。


10.vscode-styled-components

链接:https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

VS Code Styled Components是一款超级厉害的语法高亮和智能感知插件。


以上是个人安装的插件
转载自:
https://codeburst.io/vs-code-extensions-that-make-me-fall-love-in-programming-each-day-ccf05b24651e

最爱的文本编辑器_VS Code——插件推荐整理相关推荐

  1. Win7下安装一个装逼文本编辑器Atom + activate-power-mode插件

    Atom是Github推出的一个文本编辑器,搜索一下大概是给Web前端用的,最近比较火的是他的一个插件activate-power-mode,可以实现打字屏振效果. 用来装装逼还是挺适合的,本来想试试 ...

  2. au如何关闭预览编辑器_VS Code如何内置Chrome浏览器?超简单

    我们在使用VScode开发项目的时候,需要经常在编辑器和浏览器之间来回切换来查看页面预览效果,开发效率不是那么的高!今天就来分享下如何在VScode中实时预览html界面或vue页面. VScode预 ...

  3. tinymce富文本编辑器的视频插件如何上传本地视频

    最近使用了tinymce富文本编辑器的视频上传功能,发现默认只能填写视频链接,不能上传本地的视频.为此,我专门研究下如何上传本地视频. 版本:tinymce版本是^5.0.16,@tinymce/ti ...

  4. TinyMCE富文本编辑器自动链接插件 AutoLink配置

    TinyMCE富文本编辑器 AutoLink 插件默认是不支持全角字符的,意味着你就算是全角字符,也必须要在字符后面跟随一个空格,然后再跟随网址,这时候地址才会自动转换为超链接 a 标签 通过如下设置 ...

  5. 【闲言碎语】学习 文本编辑器vim及其插件、ranger、C语言、WSL配置、X11等等

    课余学习 学习 浮点数 有效位数(指 真实值和近似值 都取 有限位的有效数字,看下相同位数 ) 有效位数的累积误差? 什么场景下用到 浮点数 - 数域的跨度大的时候 C语言的学习点 同步.异步? 同步 ...

  6. web前端开发---弃Hbuilder编辑器到Atom插件推荐,快捷键,快速编辑html 使用

    1  ATOM atom编辑器是Github专门为程序员推出的一个开源跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.它支 ...

  7. uniapp editor富文本编辑器,h5富文本编辑器封装成插件

    重点提示:工具栏的图标请自行在iconfont(https://www.iconfont.cn/)去添加,否则图标无法显示 公司业务需求,需要在h5实现富文本编辑功能.uniapp的editor可以实 ...

  8. 富文本编辑器——百度UEditor插件Vue组件化

    1.百度UEditor插件的安装过程请查看我的另篇博文:http://blog.csdn.net/lzc4869/article/details/78438121 2.组件 (1)组件页面 uedit ...

  9. 富文本编辑器(Vue插件)

    下载 vue-quill-editor // 下载Vue-Quill-Editor npm install vue-quill-editor --save; 下载quill(Vue-Quill-Edi ...

  10. ckeditor富文本编辑器使用行间距插件lineheight扩充,改变行距

    1.首先需要下载一个lineheight包,网上很多资源都需要花钱或者花积分下载 找到ckeditor官网,在以下链接中直接下载即可 https://ckeditor.com/cke4/addon/l ...

最新文章

  1. python 替换字符串的方法replace()、正则re.sub()
  2. cgroup限制oracle,Yarn 使用 Cgroup 实现任务资源限制
  3. 从工作的角度,NLP/CV/推荐系统选哪个?
  4. vba九九乘法表代码_VBA代码模块化--数据透视表
  5. 诺奖得主涉非法实验,其合作者被曝虐待众多病人,被协会除名
  6. python编写一个弹球游戏_Python实战案例:用Python写一个弹球游戏,就是这么强
  7. 《编码-隐匿在计算机软硬背后的语言》第七章我们的十个数字
  8. 计算机操作系统详细学习笔记(四):设备管理 —— I/O 管理
  9. 如何调用CAD命令行命令?
  10. IDEA 2019 激活码(注册码)
  11. 信号处理中使用IPP库函数的基本设置
  12. C语言基础之5:运算符、表达式和语句
  13. 执行多个window.onload匿名函数的方法
  14. Scaner和顺序语句
  15. harry-用while循环画对称图形
  16. 英语和数学不好自学c语言,数学和英语不好,就不能学编程么?
  17. 【算法基础十】作为程序员,是什么让你坚持不懈地学习?
  18. 虚拟现实项目开发流程
  19. 《数字图像处理》冈萨雷斯matlab函数statmoments、计算均值和n阶中心矩,并返回行向量
  20. 锐捷ac怎么发现局域网ap_【无线】无线查看限速配置(AC和AP的命令一样)

热门文章

  1. Mac 使用rz sz 命令
  2. SQL server 创建数据库代码,非常详细
  3. 妙用PRN文件,实现文档换机打印
  4. matlab实现卷积操作
  5. Java实现提取拼音首字母
  6. 微信weui框架页面html,样式库 WeUI for Work
  7. lora三层服务器协议,lorawan协议(lora无线传输协议与HTTP协议)
  8. 教你用爬虫批量采集淘宝商品评论数据
  9. Linux ANSYS FLUENT 在集群上的安装与配置
  10. CentOS配置postgresql+postsql