资讯专栏INFORMATION COLUMN

VSCode亲测好用的插件推荐

shusen / 2918人阅读

摘要:作为一款开源的轻量级编辑器,它具有简洁的,高可扩展性,易于调试等诸多优点,尤其是它丰富的插件,可以让我们在开发过程中事半功倍,所以,今天想从整个开发过程的角度,推荐一下平时我亲测觉得很好用的插件。又一款用颜色拯救眼睛的插件。

笔者作为前端开发,使用过各种编辑器,经历过sublime,Atom,WebStorm的种种试用淘宝的过程,直到遇到微软的VSCode,才有一种终于遇到对的人的感觉。作为一款开源的轻量级编辑器,它具有简洁的GUI,高可扩展性,易于调试等诸多优点,尤其是它丰富的插件,可以让我们在开发过程中事半功倍,所以,今天想从整个开发过程的角度,推荐一下平时我亲测觉得很好用的插件。

One Dark Theme

第一个首先推荐主题,开发本身是一个枯燥乏味的过程,有时候会迷茫和奔溃,一个好看的UI主题,会给你一个好的心情,暗色系的背景色和搭配合理的代码分色,也会减小你眼睛的压力,不至于去盯着屏幕看清每一行代码。

主题这种东西见仁见智,根据自己的喜欢进行选择就好,One Dark Theme是我平时用的主题,它是Atom上标志性的主题,所以在VSCode时也沿用了过来,它采用暖色系,不具有进攻性,给我的感觉是容易让人的心情平和下来,作为2017年最佳主题,它绝对是一款符合大众化口味的插件。

ESLint

JavaScript作为一种弱类型的解释性语言,没有编译的过程,也就意味着编辑器和浏览器会最大程度的容忍你的垃圾代码,但是作为一个有追求的开发者,还是需要对自己的代码质量有所要求。借助 ESLint,可将静态代码分析和问题代码协助修复集成到编码、提交和打包过程中,及早发现并协助修复代码中语法错误和不符合约定准则等情况。

Path Intellisense

写代码之前经常要import其他页面文件和本地静态资源,通过安装Path Intellisense,能让文件路径自动补全,在你用任何方式引入文件系统中的路径时提供智能提示和自动完成。

Color Highlight

顾名思义,可以直接清晰等在代码中直接展示对应颜色值的色彩,对于我这种自带设计属性的前端开发是一大利器。

Bracket Pair Colorizer

又一款用颜色拯救眼睛的插件。代码中嵌套过多时,就不容易鉴别方法块的边界,利用这个扩展可以识别代码中的各种括号,并且标记上不同的颜色,方便你扫视到匹配的括号,在括号使用非常多的情况下能环节眼部压力。

Code Runner

开发人员经常会遇到一些方法记不清楚的情况,可能是不记得参数,可能是输出数据格式,所以偶尔需要在Chrome的控制台上运行一些简单的demo,但是在颜色区分、代码缩进、变量重复等问题上有诸多不便,所以完全可以在VSCode上编辑demo,利用Code Runner直接运行。

Code Runner内置控制台,支持运行各种类型的代码,且可以通过选中来运行局部代码。

Debugger for Chrome

运行完代码,可能有一堆的error和warning,在前端开发中,可能就需要Chrome配合debug了,而VSCode就自带了一款插件,可以直接在IDE上着手debug。具体的配置和使用方法可以看看这里。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105618.html

相关文章

  • 好用px转rem插件推荐

    摘要:然而在固定布局时我们通常以为基准单位进行调整,进而通过计算获取的值,这时如果有个好用的转工具会让工作事半功倍。启用此插件的文件类型。输入值后按下键直接转换,使用取消转换 在响应式布局中,rem这个css单位已经慢慢崭露头角,成为最佳解决方案之一。然而在固定布局时我们通常以px为基准单位进行调整,进而通过计算获取rem的值,这时如果有个好用的px转rem工具会让工作事半功倍。本文将推荐一...

    Clect 评论0 收藏0
  • VS Code上手与超实用插件安利

    摘要:软件跨平台支持以及,运行流畅,可谓是微软的良心之作微软有这个宇宙最强,自然也不会弱宇宙最强编辑器说到代码编辑器,我们有必要提一提还有。 原文链接:VS Code上手与超实用插件安利 工欲善其事必先利其器 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号...

    miracledan 评论0 收藏0
  • react开发vscode插件推荐

    摘要:开发插件推荐原文地址由于本人主要是做开发,用的代码编辑器是传说中的宇宙第一前端神器所以在这里记录并推荐一些本人开发过程中常用的一些插件帮助开发。最后的最后,我只想说,强无敌,大法好我自己日常开发中使用的扩展 react开发vscode插件推荐 原文地址:https://github.com/xieqingtia... 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端...

    Miracle_lihb 评论0 收藏0
  • react开发vscode插件推荐

    摘要:开发插件推荐原文地址由于本人主要是做开发,用的代码编辑器是传说中的宇宙第一前端神器所以在这里记录并推荐一些本人开发过程中常用的一些插件帮助开发。最后的最后,我只想说,强无敌,大法好我自己日常开发中使用的扩展 react开发vscode插件推荐 原文地址:https://github.com/xieqingtia... 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端...

    sunny5541 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<