(杂项笔记)VS Code好用的插件推进

news/2024/2/27 22:51:49

vs code推荐插件

  • 1、IntelliJ IDEA Keybindings
  • 2、Chinese (Simplified) Language Pack
  • 3、Code Spell Checker
  • 4、JavaScript (ES6) code snippets
  • 5、Mithril Emmet
  • 6、Path Intellisense
  • 7、Vue 3 Snippets
  • 8、VueHelper
  • 9、Auto Close Tag
  • 10、Auto Rename Tag
  • 11、Beautify
  • 12、Bracket Pair Colorizer 2
  • 13、open in browser
  • 14、Vetur
  • 15、File Utils
  • 16、HTML CSS Support

最近在回顾前端的一些知识,刚好新买了电脑,重新安装一下各厂开发工具,就把我学习过程中遇到的好用的插件推荐给大家了。

1、IntelliJ IDEA Keybindings

IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键,这个对于经常用idea的后端程序员还是很友好的。
在这里插入图片描述

2、Chinese (Simplified) Language Pack

Chinese (Simplified) Language Pack

适用于 VS Code 的中文(简体)语言包。
在这里插入图片描述

3、Code Spell Checker

Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将banane 添加至检查器的字典中。
在这里插入图片描述

4、JavaScript (ES6) code snippets

JavaScript (ES6) code snippets

支持ES6语法提示。
在这里插入图片描述

5、Mithril Emmet

Mithril Emmet

一个能大幅度提高前端开发效率的一个工具,用于补全代码。
在这里插入图片描述

6、Path Intellisense

Path Intellisense

路径提示插件。这个插件也建议安装,虽然vs code内部集成了类似功能,但是没这个全面;
在这里插入图片描述

7、Vue 3 Snippets

Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。
在这里插入图片描述

8、VueHelper

VueHelper

vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码。
在这里插入图片描述

9、Auto Close Tag

Auto Close Tag

自动闭合HTML/XML标签。
在这里插入图片描述

10、Auto Rename Tag

Auto Rename Tag

自动完成另一侧标签的同步修改。
在这里插入图片描述

11、Beautify

prettier

格式化 html ,js,css,Beautify过期的话,可以使用prettier作为替代。
在这里插入图片描述

12、Bracket Pair Colorizer 2

Bracket Pair Colorizer 2

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色。
在这里插入图片描述

13、open in browser

open in browser

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

14、Vetur

Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

在这里插入图片描述

15、File Utils

File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
在这里插入图片描述

16、HTML CSS Support

HTML CSS Support

在编写样式表的时候,自动补全功能大大缩减了编写时间。这个插件还是建议安装,虽然vs code内部集成了类似功能,但是在某些场景下不如这个全面;
在这里插入图片描述


http://www.ppmy.cn/news/1345475.html

相关文章

【Android辟邪】之:gradle——在项目间共享依赖关系版本

翻译和简单修改自:https://docs.gradle.org/current/userguide/platforms.html#sec:sharing-catalogs 建议看原文(有能力的话) 现在 Gradle 脚本可以使用两种语法编写:Kotlin 和 Groovy 本文只使用kotlin脚本语法,更…

视频处理学习笔记1:YUYV422、NV12和h264

最近因为工作关系在恶补视频相关知识点,在此做一记录便于日后复习。 以下均是个人学习经验总结,可能存在错误和坑,欢迎大佬指教。 工作中用到的是YUYV422存储格式。存储的就是裸流YUYV422格式文件。 YUYV422是两个像素点共用一个UV分量&am…

java面试题:分布式和微服务的区别

1 分布式和微服务概念不同 微服务架构是架构设计方式,是设计层面的东西,一般考虑如何将系统从逻辑上进行拆分,也就是垂直拆分。 分布式系统是部署层面的东西,即强调物理层面的组成,即系统的各子系统部署在不同计算机…

LCP 30. 魔塔游戏

LCP 30. 魔塔游戏 难度: 中等 题目: 小扣当前位于魔塔游戏第一层,共有 N 个房间,编号为 0 ~ N-1。每个房间的补血道具/怪物对于血量影响记于数组 nums,其中正数表示道具补血数值,即血量增加对应数值;负数表示怪物造…

git安装配置

1、下载安装 下载地址 2、配置git用户 git config --global user.name "yw" git config --global user.email "88888qq.com" 3、git init 初始化 4、生成ssh密钥 mkdir .ssh //创建文件夹cd .ssh //进入新建文件夹 ssh-keygen -t rsa // 输入密钥文…

RabiitMQ延迟队列(死信交换机)

Dead Letter Exchange(死信交换机) 在MQ中,当消息成为死信(Dead message 死掉的信息)后,消息中间件可以将其从当前队列发送到另一个队列中,这个队列就是死信队列。而 在RabbitMQ中,由…

关于RabbitMQ面试题汇总

什么是消息队列?消息队列有什么用? 消息队列是一种在应用程序之间传递消息的通信机制。它是一种典型的生产者-消费者模型,其中生产者负责生成消息并将其发送到队列中,而消费者则从队列中获取消息并进行处理。消息队列的主要目的是…

B3676 [语言月赛202211] Winner(洛谷)

题目描述 在网易非对称对抗游戏《第五人格》中,玩家分为 监管者 与 求生者 两个阵营。 一局标准模式游戏由一名监管者玩家和四名求生者玩家组成。游戏的胜利判定与求生者逃脱人数 K 有关: K>2,求生者获胜(Survivor Win&…

8868助力意甲尤文图斯足球俱乐部 寻求冬窗阵容补强

意甲的尤文图斯足球俱乐部是8868合作体育球队之一,根据意大利天空体育的消息,尤文图斯希望在冬季转会窗口通过引援来加强球队的实力,特别是在中场位置。但尤文必须卖掉一部分人来筹集资金,而伊林就在名单的最前面。 尤文想要提高自…

蓝桥杯(Web大学组)2022国赛真题:新鲜的蔬菜

主要是对flex的运用 使用 display: flex; justify-content: space-between; 以及对其中单个子元素进行操作:align-self: center; align-self: end; .container {display: flex;justify-content: center;flex-wrap: wrap;width: 960px;margin: 0 auto; }.ite…

书生·浦语大模型全链路开源体系

1,简述大模型的定义与特点: 大模型是指参数数量大于10亿的模型,它的特点包括:模型规模大,数据规模大,计算规模大和任务数量 2. 分析大模型成为通用人工智能的重要途径的原因: 大模型能够从大…

MongoDB的分片集群(一) : 基础知识

转载说明:如果您喜欢这篇文章并打算转载它,请私信作者取得授权。感谢您喜爱本文,请文明转载,谢谢。 目录导读 1. 什么是MongoDB分片 2. MongoDB分片集群介绍 2.1 MongoDB分片集群架构 2.2 MongoDB分片集群优势 3. 分片键…

HTML 样式学习手记

HTML 样式学习手记 在探索网页设计的世界时,我发现HTML元素的样式调整真的是个很酷的环节。通过简单的属性设置,就能让文字换上五彩斑斓的颜色、变换各异的字体和大小。特别是那个style属性,感觉就像是一扇通往CSS魔法世界的大门。 代码小试…

《Git 简易速速上手小册》第6章:Git 在持续集成/持续部署(CI/CD)中的应用(2024 最新版)

文章目录 6.1 CI/CD基础6.1.1 基础知识讲解6.1.2 重点案例:为 Python Web 应用实现 CI/CD6.1.3 拓展案例 1:自动化部署到云平台6.1.4 拓展案例 2:使用 Docker 容器化部署 6.2 Git 与自动化测试6.2.1 基础知识讲解6.2.2 重点案例:为…

JVM 性能调优 - 参数调优(3)

查看 JVM 内存的占用情况 编写代码 package com.test;public class PrintMemoryDemo {public static void main(String[] args) {// 堆内存总量long totalMemory Runtime.getRuntime().totalMemory();// jvm 试图使用的最大堆内存long maxMemory Runtime.getRuntime().maxM…

MybatisPlus快速入门及常见设置

目录 一、快速入门 1.1 准备数据 1.2 创建SpringBoot工程 1.3 使用MP 1.4 获取Mapper进行测试 二、常用设置 2.1 设置表映射规则 2.1.1 单独设置 2.1.2 全局设置 2.2 设置主键生成策略 2.2.1 为什么会有雪花算法? 2.2.2 垂直分表 2.2.3 水平分表 2.…

第八章 通过 ODBC 连接 SQL 网关 - 为外部源创建连接

文章目录 第八章 通过 ODBC 连接 SQL 网关 - 为外部源创建连接为外部源创建连接在管理门户中定义逻辑连接 使用 SQL 网关作为 ODBC 数据源 第八章 通过 ODBC 连接 SQL 网关 - 为外部源创建连接 为外部源创建连接 IRIS 维护 SQL 网关连接定义列表,这些定义是与外部…

[NOIP2012 提高组] 国王游戏【贪心+高精度】

P1080[NOIP2012 提高组] 国王游戏 前言题目题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1 提示题目分析注意事项 代码后话测试用例输入输出 王婆卖瓜 题目来源 前言 期末之前做的题目,考完后又在赶大作业,又玩了几天,今天终于腾出…

Elasticsearch的Index Lifecycle Management(ILM)

Elasticsearch的Index Lifecycle Management(ILM)功能提供了一种自动化管理索引生命周期的方式。ILM使得用户可以基于特定的条件(如索引的年龄、大小等)来自动执行如回滚、删除等操作,进而优化存储和提高查询性能。ILM…

少儿编程考级:智慧启迪还是智商税?

在当前科技日新月异的时代背景下,少儿编程教育日益受到家长和社会的广泛关注。与此同时,各类少儿编程考级应运而生,引发了公众对于其价值和意义的深度探讨。一部分人认为这是对孩子逻辑思维与创新能力的有效锻炼,是智慧启迪的重要…
最新文章