VS Code常用的插件分享

boyanx2个月前技术教程8

VS Code前端开发工具之必备插件,Visual Studio Code是由微软开发免费、开源、跨平台的一款IDE,支持多种编程语言开发,具有强大的插件扩展能力,这篇文章我们就来看看VS Code在前端开发中有哪些必备的扩展插件介绍

先看看软件的下载安装

VS Code官网地址:
https://code.visualstudio.com/

VS Code官网下载地址:
https://code.visualstudio.com/Download



下载安装好适合自己的版本后,开始安装插件

1、汉化Chinese

2、Open-In-Browser 设置默认浏览器查看文件选项 (安装流程如上就不再重复了)

使用Alt + B快捷方式在默认浏览器中打开当前html文件,或Shift + Alt + B选择浏览器。你也可以像图片一样右键点击

当您在其他浏览器中选择oepn时,将显示一个浏览器列表,您可以选择其中一个打开当前文件。

3、Quokka

实时反馈正在的编辑代码结果,预览计算值结果等,是一个很好的调试工具插件

4、CSS Peek

这个扩展支持所有正常的符号定义跟踪功能,但它针对的是css选择器(类、id和HTML标记)。这包括:

Peek:以内联方式加载css文件并在那里进行快速编辑。(Ctrl + Shift + F12)

转到:直接跳转到css文件或在一个新的编辑器(F12)中打开它

鼠标悬停:用鼠标悬停在符号上显示定义(Ctrl+ Hover)

5、Beautify 代码格式化

美化javascript, JSON, CSS, Sass,和HTML在Visual Studio中的代码。

6、color info 提供快速的css颜色信息。

7、vscode-icons 显示Visual Studio代码的图标

8、HTML Snippets html标签提示及含义提示

9、HTML CSS Support html中css类名及id提示

10、Auto Close Tag 自动添加HTML/XML关闭标签

11、Auto Rename Tag 当重命名一个HTML/XML标记时,将自动重命名成对的HTML/XML标记

12、Bracket Pair Colorizer 2 设置代码成对大括号的颜色

设置成对括号的颜色,便于快速区分代码块

13、Live Server实时同步预览页面

标签: js格式化json

相关文章

使用 StreamJsonRpc 在 ASP.NET Core 中启用 JSON-RPC

StreamJsonRpc 是微软开发的一个开源库,用于在 .NET 平台中实现基于 JSON-RPC 2.0 规范 的远程过程调用(RPC)。它通过流(如管道、网络流等)实现高效的跨进程或跨网络通信...

「Postman」测试(Tests)脚本编写和断言详解

测试确认您的 API 按预期工作,服务之间的集成运行可靠,并且新开发没有破坏任何现有功能。您可以使用 JavaScript 为 Postman API 请求编写测试脚本。当您的 API 项目出现问题时...

越晚搞懂 MySQL JSON 数据类型,你就越吃亏

作者介绍陈臣,甲骨文MySQL首席解决方案工程师,公众号《MySQL实战》作者,有大规模的MySQL,Redis,MongoDB,ES的管理和维护经验,擅长MySQL数据库的性能优化及日常操作的原理剖...

Java Jackson 中如何将 JSON 对象转换为字符串

通常来说只需要下面的 1 行代码就可以完成下面的转换了。请考察下面的代码:String newsletterJSON = mapper.writerWithDefaultPrettyPrinter()...

基于 JavaFx 搭建的实用小工具集合

大家好,我是 Java陈序员。作为一名后端程序员,常常需要在电脑上安装各种工具软件来支持日常开发。那么,是否有一款工具集合,包含各种工具,可以省去一一安装呢?答案是有的!今天,给大家介绍一个基于 Ja...

golang2021数据格式(69)Go语言将结构体数据保存为JSON格式数据

JSON 格式是一种对象文本格式,是当前互联网最常用的信息交换格式之一。在Go语言中,可以使用 json.Marshal() 函数将结构体格式的数据格式化为 JSON 格式。 想要使用 json...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。