vscode使用sass_推荐7 个 极好用的VS Code 插件

你知道将高级开发人员与普通开发人员区分的条件是什么吗?没错,是所使用的工具,俗话说,"工欲善其事必先利其器", 拥有正确的工作工具可以让开发人员的生活变得更加轻松,甚至想写一辈子代码。

巧的的是,与你使用的 IDE 一样, 许多开发人员将 Visual Studio Code 作为他们的首选 IDE,它有种类非常丰富的插件让你去使用。

正是由于 Visual Studio 市场上繁荣,有太多的扩展,让你目不暇接,因此我将介绍 7 个让你事半功倍的插件,这些插件让编写代码更加轻松。

即使是最简单的工具也可以使人们有能力做伟大的事情 — Biz Stone

注意,所有这些插件都可以在 Visual Studio 市场上免费安装。

1. REST Client

REST Client 插件允许您发送 HTTP 请求并直接在 Visual Studio Code 中查看响应。向外部应用程序告别,否则你将使用外部应用程序向服务器发送 HTTP 请求。

这个是一个安装量超过一百万的插件,它非常受欢迎,已被许多开发人员使用。我已经用这个插件很长时间了,我觉得它非常地帮,极大地提高了效率。

发送请求从未如此简单。语法确实很简洁,可以使用许多选项来满足您的需求。一个简单的 GET 请求所需要的只是一行包含 GET 关键字和 URL 的代码。

再次极力推荐,你应该尝试一下 REST Client 插件。

使用方式: 右键 send Request, 或者快捷键 Ctrl+Alt+R(Cmd+Alt+R for macOS)

00a9e4330edf09ef0f45c06c4660483c.gif


2. CSS Peek

如果你是 web 开发人员,那么 CSS Peek 是绝对必要的。通过此插件,您只需将鼠标悬停在元素的类名或 ID 上,即可查看应用于 HTML 中某个元素的 CSS 规则。

看一下下面的图片,可以快速看到此插件的功能。

2a7f016455743232d8637b9251090454.gif


还有一点,这个插件不只能够查看样式。它还具有"跳转"的功能,可以立即跳转到应用于该元素的 CSS 规则。这样可以节省大量时间寻找正确的选择器。

3. Beautify

如果你喜欢整洁的代码,那么绝对会喜欢 Beautify。此插件可帮助你简单地格式化代码。Beautify 支持 JavaScript,HTML,CSS,Sass 和 JSON 等。

这个插件最好的部分是所有选项都是完全可自定义的,例如缩进大小以及文件是否应以换行结尾。如果你使用多种编程语言编写代码,Beautify 可以根据每种编程语言自定义选项来帮助你格式化代码。

该扩展程序下载量超过 500 万,在大多数已安装的插件中排名前 20 位。

4. Auto Rename Tag

自动重命名标签 插件的功能很简单,但是非常好。该插件自动重命名配对的 HTML 标记。如果要重命名开始标签,它将更改相应的结束标签。反之亦然。

如果要在输入开始标签的右括号时自动添加结束标签,则应查看【?Auto Close Tag extension】(http://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)。同时安装这两个扩展功能非常强大,可以帮助您以更高效,更一致的方式编写 HTML。

dd012c91f9155e59e85fcf4a24391d48.gif

5. Quokka.js

Quokka.js 是你编辑器中的原型实验场,可以生成文件报告,内联报告等。输入时,代码中的值会在运行时更新,并显示在代码旁边的 IDE 中。

这简直太棒了!

e7f5234b10c0428fee961e1eaf938214.gif


6. Night Owl

没有令人心动的主题,优化 VS Code 的价值是什么?不大吧?由于你在 VS Code 中花费了大量的时间,因此有一个漂亮令人舒适的主题是非常重要的。

Night Owl 主题是许多开发人员使用的漂亮主题之一。根据对该主题的描述,它适合那些喜欢在深夜编写代码的人。

ff2fbff8b1ca758dde310d2d2dda0d88.png


7. JavaScript (ES6) code snippets

我们要介绍的最后一个扩展是JavaScript (ES6) code snippets。该插件包含十几个代码片段,你可以使用它们来为你快速生成 ES6 代码片段。

例如,输入 clg 然后按Enter,将生成console.log。可能要花一些时间来熟悉所有可能的代码片段,但是一旦掌握了这些代码片段,你的编码速度就像是开了 ?。

8858e88fddfcfee0d16c39f782f70de8.png
译文来自 https://levelup.gitconnected.com/7-vs-code-extensions-that-make-you-want-to-keep-coding-forever-f205e597ae34原作者 Daan译者: 蓝色的秋风(github/hua1995116)

717bcdff0b0801b90e6312ddd440916d.png

相关推荐

JavaScript 启动性能瓶颈分析与解决方案

从零看清Node源码createServer和负载均衡整个过程

【项目实战】sass使用进阶篇(下)

【项目实战】sass使用基础篇(上)

最详细的从零开始配置 TypeScript 项目的教程

5 款非常好用的开源 Docker 工具

WebSocket 全面知识补全

7个处理JavaScript值为undefined的技巧

immutablejs 是如何优化我们的代码的?

Chrome 新功能尝鲜!— CSS Overview

又一个布局利器, CSS 伪类 :placeholder-shown

封装一个vue视频播放器组件

对于组件的可重用性,大佬给出来6个建议

学习 TS 不要错过的八个工具

Node 中的全链路式日志标记及处理

使用 Node 开发服务器项目时如何高效地打日志?

用TypeScript学设计模式(享元模式)

用TypeScript学设计模式(模板方法模式)

TypeScript 设计模式之适配器模式

用TypeScript学设计模式(观察者模式)

用TypeScript学设计模式(单例模式)

445beb2114dea5d62f83992b973e1ad3.png

34e55bd97f2aceefd705616e3fd86ec0.png点在看的人特别帅/美2c42fad4390990b8fbbbd58d87f9af72.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/529054.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

剑指offer python实现_剑指Offer第2题详解(附Python、Java代码实现)

题目描述 请实现一个函数,将一个字符串中的每个空格替换成“%20”。例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。 这个题较为简单 1. Python实现 1.1 使用replace直接实现def replaceSpace(s): # return s.replace(" &…

挖掘城市ip_不断挖掘IP价值,紧抓乐园经济新机遇!

当一个国家的人均GDP达到5,000美元时,其旅游度假经济将进入成熟阶段。按照2018年末人口总数计算,我国人均GDP接近1万美元,近年来,越来越多的主题乐园落户中国。乐园的选址、运营有颇多讲究。对主题乐园而言,依托大中型…

pixel和毫米怎么换算_赶紧收藏!小学阶段所有公式、单位换算、数量关系

小学阶段会接触到很多公式,这些公式都是学习中必须要记忆的,笔者特意总结了小学一到六年级所有的公式、单位换算、数量关系、难题知识。孩子只要掌握了这四大知识重点,考试轻轻松松拿高分!一、数量关系计算公式1、单价数量&#x…

相册权限_手机相册太乱?1分钟教你快速管理自己的照片,非常好用!

喜欢拍照的朋友们是不是有这样一个烦恼,那就是手机里拍了很多照片,当你想找某一张照片时你得在手机里翻半天,费时费力,那么今天我就来给大家解决这个烦恼,手机相册是手机中必不可少的,那当我们手机照片太多…

学校计算机数据采集处理系统,中学化学计算机数据采集处理系统实验室装备

中学化学计算机数据采集处理系统实验室装备配置方案一、基础型配置(31套:教师1套,学生30套(2学生/组,以每班60学生分组)),每套配置标准如下:序号 名称 型号1 数据采集器 SJ-SJCJQ2 南师大分析软件 NJSFDX-V33 电流传感…

python爬虫知识大全_Python爬虫入门有哪些基础知识点

1、什么是爬虫 爬虫,即网络爬虫,大家可以理解为在网络上爬行的一直蜘蛛,互联网就比作一张大网,而爬虫便是在这张网上爬来爬去的蜘蛛咯,如果它遇到资源,那么它就会抓取下来。想抓取什么?这个由你…

计算机中国象棋书籍,[建议]中国的象棋永远不能被没有“思维”的电脑所代替(就目前的电脑象棋软件...

[建议]中国的象棋永远不能被没有“思维”的电脑所代替(就目前的电脑象棋软件有感而发)先自我介绍一下,本人来自上海,师从原江苏省棋队教练言穆江大师,现年28岁,无任何值得自傲的成绩,但是我没有感到后悔,因…

dplayer js控制 自动全屏_Qt编写安防视频监控系统18-云台控制

一、前言云台控制是视频监控系统中必备的一个功能,对球机进行上下左右的移动,还有焦距的控制,其实核心就是控制XYZ三个坐标轴,为了开发这个模块,特意研究了各种云台控制的方法和开源库比如soap,有些厂家使用…

css不换行属性_那些不常见,但却非常实用的css属性(整理不易)

1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后,在最后一行显示"..."这是正常的展示display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/ -webkit-box-orient: vertical; /*值必须为vertical*/ -webk…

计算机总是无法响应怎么办,电脑无响应是怎么回事 电脑无响应解决方法

电脑无响应是怎么回事?有时用户再操作过程中想在任务栏中切换窗口时,忽然发现点击任务栏中的图标没有任何反应了,就像系统死机一样,这就是Windows XP中常见的任务栏失去响应,又被称为“任务栏假死现象”。那么,如何唤…

2020身高体重标准表儿童_男女孩最新身高标准表,你家孩子达标了吗?(附增高秘籍)...

现在大家的生活水平提高了,和很多年前相比,孩子们的平均身高提高了不少,孩子能长成一个高个子,也是很多家长非常关注的事情。其实,要想孩子长高,除了营养要跟上以外,充足的睡眠、体重不要太胖都…

java 正则匹配_正则表达式真的很强大,可惜你不会写

专注于Java领域优质技术,欢迎关注本文旨在用最通俗的语言讲述最枯燥的基本知识文章提纲:元字符重复限定符分组转义条件或区间正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支…

河北大学计算机复试题,2016年河北大学综合卷计算机科学与技术学院之数据库系统概论复试笔试最后押题五套卷...

一、选择题1. 根据系统所提供的存取路径,选择合理的存取策略,这种优化方式称为( )。A. 物理优化B. 代数优化C. 规则优化D. 代价估算优化【答案】A【解析】物理优化是根据数据字典中的存取路径、数据的存储分布以及聚簇情况等信息来选择低层的…

python测验5 函数和代码_测验5: 函数和代码复用 (第5周)-单选题

1、以下选项不是函数作用的是:‪‬‪‬‪‬‪‬‪‬‮‬‪‬‮‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‫‬ A、 提高代码执行速度 B、 复用代码 C、 降低编程复杂度 D、…

石板切割问题c语言_广场地面铺装 仿古石 青石板 板岩 切割岩 冰裂纹压印混凝土地坪...

广场地面铺装 仿古石 青石板 板岩 切割岩 冰裂纹压印混凝土地坪广场地面铺装 仿古石 青石板 板岩 切割岩 冰裂纹压印混凝土地坪青石板是由青色的沉积岩劈制或者切割而成的板材,是天然板岩的一种,主要成分为石灰石、白云石。其比重约2.2~2.7克/立方厘米&a…

编程doc转html,Python批量将word转html,并将html内容发布至网站。

搜索热词下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。#codingutf-8__author__ zhmfrom win32com import client as wcimport osimport timeimport randomimport MysqLdbimport redef wordsToHtml(dir):#批量…

python分析工具有哪些_常用Python数据分析工具汇总

Python是数据处理常用工具,可以处理数量级从几K至几T不等的数据,具有较高的开发效率和可维护性,还具有较强的通用性和跨平台性。Python可用于数据分析,但其单纯依赖Python本身自带的库进行数据分析还是具有一定的局限性的&#xf…

python软件是什么原因引起的_Python对程序员重要的原因在哪里?

Python 之父Fredrik Haard最近发表了一篇“为什么Python对你如此重要”的文章,引起了开发者的热烈讨论。我相信Python对软件开发人员很重要。现今已经诞生了不少的编程语言,它们都有各自不同的特性:强大者如Lisp,快速如C&#xff…

大学计算机需要论文吗,关于大学计算机论文范文.docx

关于大学计算机论文范文一:大学计算机基础实验教学课程改革计算机基础是高校非计算机专业非常重要的一门公共基础课程,课程内容是大学生必须掌握的计算机基础知识和操作技能,是大学生走向工作岗位必备的基本素质。计算机基础知识的掌握与实际…

高并发编程_高并发编程系列:全面剖析Java并发编程之AQS的核心实现

在并发编程领域,AQS号称是并发同步组件的基石,很多并发同步组件都是基于AQS实现,所以想掌握好高并发编程,你需要掌握好AQS。本篇主要通过对AQS的实现原理、数据模型、资源共享方式、获取锁的过程,让你对AQS的整体设计有…