VSCode好用的插件

文章目录

  • 前言
  • 1.Snippet Creator & easy snippet(自定义代码)
  • 2.Indent Rainbow(代码缩进)
  • 3.Chinese (Simplified) Language Pack(中文包)
  • 4.Path Intellisense(路径提示)
  • 5.Beautify(格式化)
  • 6. Bracket Pair Colorizer(不同括号颜色)
  • 7.open in browser(打开浏览器)
  • 8.HTML CSS Support(HTML&CSS自动补齐)
  • 9.JavaScript (ES6) code snippets(ES6语法提示)
  • 10.JSON(JSON管理)
  • 11.IntelliJ IDEA Keybindings
  • 12.Error Lens(错误提示)
  • 13.Image Preview(图片在线预览)
  • 其他VSCode文章

前言

好用的插件可以快速提升开发者的生产力,下面介绍个人比较常用的VSCode插件。

VSCode插件安装

在这里插入图片描述

1.Snippet Creator & easy snippet(自定义代码)

  • snippet-creator适合快速输入,如果要进一步调整,那就需要用到easy snippet了。虽然easy snippet也有快速插入的功能,但貌似有点问题

  • easy snippet有个单独的视图界面,在这个界面中分组列出了所有的用户代码片段,可以在这个视图中进行删除,编辑,新增

使用方法:编写自定义代码,全选后->F1(或ctrl+shift+p)->create snippet->名称->按键(快捷键设置)->描述。
1)编写自定义代码,全选后,按下F1,搜索create snippet

在这里插入图片描述
在这里插入图片描述

2)分别设置名称,按键(快捷键设置)和描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3)结果图,以后只需要按下psvm就可加载如下代码

在这里插入图片描述

2.Indent Rainbow(代码缩进)

Indent Rainbow使用颜色编码可以更轻松地跟踪特定代码块的起始和结束位置。通过这个扩展,你只需要跟随颜色,就可以轻松地浏览你的代码,更好地理解和管理代码的结构。
在这里插入图片描述

3.Chinese (Simplified) Language Pack(中文包)

请添加图片描述

4.Path Intellisense(路径提示)

请添加图片描述

5.Beautify(格式化)

格式化 html ,js,css

请添加图片描述

6. Bracket Pair Colorizer(不同括号颜色)

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

请添加图片描述

7.open in browser(打开浏览器)

vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari

请添加图片描述

8.HTML CSS Support(HTML&CSS自动补齐)

在编写样式表的时候,自动补全功能大大缩减了编写时间。
请添加图片描述

9.JavaScript (ES6) code snippets(ES6语法提示)

请添加图片描述

10.JSON(JSON管理)

在这里插入图片描述

11.IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。

在这里插入图片描述

12.Error Lens(错误提示)

在这里插入图片描述

13.Image Preview(图片在线预览)

在这里插入图片描述

其他VSCode文章

  • VSCode 注释后光标快速定位下一行
  • VSCode如何部署C语言环境

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

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

相关文章

python脚本——批量将word文档转换成pdf文件

语言:python 3 用法:点击运行后,弹出窗口选择word文档所在文件夹,程序运行后对该文件夹下所有的word文件全部转换成pdf文件,生成的pdf文件名字与原wrod文件相同。 如运行中报错,需要自行根据报错内容按照…

项目实战笔记5:软技能

向上沟通误区 误区1:所以问题自己扛 这是技术同学容易犯的问题。尤其到了快上线了发现问题隐患,还抱有侥幸心理。 要主动大胆的发起沟通,不管是邮寄发项目风险告警,还是当面沟通。我们必须从大局出发,让这些项目的关…

SpringBoo t+ Vue 微人事 (十一)

职位修改操作 在对话框里面做编辑的操作 添加对话框 <el-dialogtitle"修改职位":visible.sync"dialogVisible"width"30%"><div><el-tag>职位名称</el-tag><el-input size"small" class"updatePosIn…

在IDEA中创建properties配置文件

第一步&#xff1a;在 src路径下找到resources文件 第二步&#xff1a;右击选择新建Resource Bundle配置文件 第三步&#xff1a;为Resource Bundle配置文件命名 完成创建

Swift 周报 第三十五期

文章目录 前言新闻和社区五天市值蒸发 2000 亿美元&#xff0c;苹果公司怎么了&#xff1f;在你的 App 中帮助顾客解决账单问题需要声明原因的 API 列表现已推出 提案通过的提案正在审查的提案 Swift论坛推荐博文话题讨论关于我们 前言 本期是 Swift 编辑组整理周报的第三十五…

SpringMVC归纳与总结

前言 Spring的核心是IOC&#xff0c;一种依赖反转的解耦思想。MVC是一种处理Web请求的架构模式&#xff0c;当两者的作用结合&#xff0c;就形成了SpringMVC。 组成及运行原理 1. 两次映射 2. 为什么用适配器模式 过滤器与拦截器 1. 范围 静态资源与动态资源2. 生命周期…

react-hooks 一般写法汇总

文件一般写法 // 引入统一封装api请求 import {getById } from "@/api"; // 引入ui组件库 import {Toast } from "antd-mobile"; // useEffect 类似vue中watch,或者moundted生命周期,视第二参数数据而定 // useState 是vue2的data、是vue3的ref或reacti…

Flink分流,合流,状态,checkpoint和精准一次笔记

第8章 分流 1.使用侧输出流 2.合流 2.1 union &#xff1a;使用 ProcessFunction 处理合流后的数据 2.2 Connect &#xff1a; 两条流的格式可以不一样&#xff0c; map操作使用CoMapFunction&#xff0c;process 传入&#xff1a;CoProcessFunction 2.2 BroadcastConnectedSt…

假设你新换了电脑,如何不用U盘的情况下实现软件文件转移?

要将笔记本和台式机连接到同一个局域网&#xff0c;并实现文件共享或使用文件传输协议进行文件传输&#xff0c;您可以按照以下步骤操作&#xff1a; 设置局域网连接共享文件夹使用文件传输协议 Step 1: 设置局域网连接 确保笔记本和台式机连接到同一个局域网。有几种常见的…

【仿写tomcat】三、通过socket读取http请求信息

仿写tomcat 建立Socket连接获取连接信息查看HTTP信息 建立Socket连接 这里我们也是创建一个专门管理socket的类 package com.tomcatServer.socket;import java.io.*; import java.net.ServerSocket;/*** 套接字存储** author ez4sterben* date 2023/08/15*/ public class Soc…

使用 AI 将绘画和照片转换为动画

推荐&#xff1a;使用 NSDT场景编辑器 助你快速搭建可二次编辑器的3D应用场景 华盛顿大学和Facebook的研究人员最近发表了一篇论文&#xff0c;展示了一种基于深度学习的系统&#xff0c;可以将静止图像和绘画转换为动画。称为照片唤醒的算法使用卷积神经网络从单个静止图像以 …

Spring参数注解,支持数组入参(List)校验

Spring参数注解&#xff0c;支持数组入参&#xff08;List&#xff09;校验 1、controller类增加Validated注解&#xff0c;对应的数组参数增加Valid注解。 Validated RestController RequestMapping("/parent") public class ParentController {private FatherRepos…

滑块验证3-接第1篇

driver拖动滑块 滑块验证的过程比较常使用driver模拟滑动&#xff0c;这样能够省去很多验证操作。 如果设置适合的滑动轨迹&#xff0c;成功率是非常高的。 当然&#xff0c;麻烦的是现在很多站点都做了识别driver的反爬&#xff0c;而且比较受网络的影响。 所需包 seleniu…

C语言和JavaScript中的默认排序行为对比

前言 今天在js里使用sort时遇见了一个不理解的现象 即使用sort默认排序后 9 从排序前的第一位被排到了最后一位.一开始我对js sort的理解和c一样&#xff0c;然后通过查阅后发现并不是这样. 正文 排序是一项常见而重要的操作。不同的编程语言提供了不同的排序函数&#xf…

800V高压电驱动系统架构分析

需要电驱竞品样件请联&#xff1a;shbinzer &#xff08;拆车邦&#xff09; 过去一年是新能源汽车市场爆发的一年&#xff0c;据中汽协数据&#xff0c;2021年新能源汽车销售352万辆&#xff0c;同比大幅增长157.5%。新能源汽车技术发展迅速&#xff0c;畅销车辆在动力性能…

html | 基于iframe的简易富文本编辑器

效果图 支持: 选中后 ctrlI 斜体 代码 思路就是在iframe种嵌套html和css。 <pre> - 支持: 选中后 ctrlI 斜体 - todo: 鼠标实现单击斜体 </pre> <iframe name"richedit" style"height:30%; width:100%;"></iframe><script…

android framework-Pixel3真机系统内置第三方apk实战

一、在/packages/apps创建独一无二的文件夹TestCamera 二、拷贝第三方应用到TestCamera文件夹下 三、创建Android.mk LOCAL_PATH: $(call my-dir)include $(CLEAR_VARS) # Module name should match apk name to be installed LOCAL_MODULE : TestCamera LOCAL_MODULE_TAGS : o…

Android开发基础知识总结(一)初识安卓Android Studio

一.基础理论知识 1.Linux相当于是地基。 MIUI&#xff0c;EMUI等操作系统&#xff0c;是基于安卓的改版——且裁掉了一部分Google的服务。 &#xff08;鸿蒙虽然是改版&#xff0c;但和安卓的架构基本上一致&#xff09; 2.Kotlin和Java都是JVM语言&#xff0c;必须先复习好…

C#学习....

1.基础 //引用命名空间using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;//项目名或者命名空间 namespace _01_MY_First_Demo {//Program类class Program{//程序的主入口或者Main函数static void Main(S…

基于原生Servlet使用模板引擎Thymeleaf访问界面

我们常在Spring Boot项目中使用Thymeleaf模板引擎,今天突发奇想&#xff0c;尝试原生Servlet访问&#xff01; 说做就做 搭建完整的WEB项目 其中的大部分依赖都是后续报错 追加进来的 导入依赖 thymeleaf-3.0.11.RELEASE.jar 第一次访问 访问地址: http://localhost:8080…