首页 > 其他分享 >【总结】一些已内置不用再下载的vscode插件

【总结】一些已内置不用再下载的vscode插件

时间:2023-04-11 19:44:59浏览次数:77  
标签:插件 内置 vscode 标签 html 下载

使用vscode进行开发时,不要盲目下载插件。下面本篇文章就来给大家总结分享一些不要再下载的vscode插件,希望对大家有所帮助!

vscode好多插件都已经内置了,但是还是有很多憨批不知道,还在傻傻的推荐这些插件来坑萌新。

1、Auto Rename Tag

image.png

这个插件是在写html标签的时候可以重命名标签名的,但是现在vscode已经内置了,就不需要再下载这个插件了。只不过默认是关闭的,需要开启。 【推荐学习:vscode教程编程教学

点击设置,搜索link,把这个勾选上,就可以左右重命名标签了。

在html中是支持的,而vue中则是要安装volar,vetur是不行的。volar可以配置vue2的。并且jsx也是不支持的,图方便的话,还是保留着把。

image.png

2、Auto Close Tag

image.png这个插件是用来自动闭合html标签的,但是目前vscode已经内置了这个自动闭合标签的功能了,就不需要再下载了,默认是开启的。

3、Bracket Pair Colorizer

image.png

这个标签是用来显示多个彩色括号的,但是目前vscode也内置了,所以也不用再下载了,默认是开启的。

如果没有开启,点击设置,搜索Bracket Pair,并勾选上。

image.png

4、Guides

image.png

这个插件是用来显示代码层级的,但是vscode也已经内置了,默认是关闭的,在上面的配置中,把是否启用括号对指南改成true即可。

5、CSS Peek

image.png这个插件只是用于查找html的外部css样式,对于vue、react等文件是不起作用的,并且目前处于失效中。

6、HTML Snippets

image.png

早期作为html的提示插件,现在vscode也内置了html提示,该插件就不再维护。

7、Beautify

image.png

实际上现在的格式化都是用prettier了,但是还是看到有人在混着用,就提一下。

8、Vetur

image.png

本来是vue2的代码提示的,但是自从vue3出了,这个插件就不能很好的支持vue3。还想继续开发vue2的话,Vue Language Features (Volar)也是可以配置的,不过Vue Language Features (Volar)的缺点就是太慢了。

未提到的,欢迎大家补充。更多关于VSCode的相关知识,请访问:vscode基础教程

标签:插件,内置,vscode,标签,html,下载
From: https://www.cnblogs.com/moiom/p/17307414.html

相关文章

  • vscode 使用浏览器调试
    launch.json{"version":"0.2.0","configurations":[{"type":"node","request":"launch","name":"node",......
  • revit 插件开发_hello revit
    创建Revit插件示例以下示例基于Revit2018完成新建Demo类库项目使用VisualStudio创建名为RevitPluginDemo的类库项目,使用Framework4.6.1添加Revit相关DLL引用注:需要本地先安装Revit软件右击引用,添加引用,点击浏览按钮,查找本地revit安装路径下的RevitAPI.dll和R......
  • 视图,触发器,事务,存储过程,内置函数,流程控制,索引
    目录SQL注入问题视图1、什么是视图2、为什么要用视图3、如何用视图触发器为何要用触发器创建触发器语法事务(掌握)什么是事务事务的作用事务的4个属性(ACID)如何用存储过程基本使用三种开发模型第一种第二种第三种创建存储过程如何用存储过程函数流程控制索引b+树聚集索引(primaryk......
  • 借用gcc内置函数帮助C来实现函数重载
    借用gcc内置函数__builtin_choose_expr和__builtin_types_compatible_p可以帮助c来实现函数重载。首先对这两个函数功能做下介绍__builtin_choose_expr(expr,expr1,expr2)与c语言:?运算符有些类似,如果expr表达式为真,那么返回expr1,否则返回expr2_builtin_types_compatible_p(ty......
  • 编辑大量文本的情况vscode比notepad++性能更好
    尝试操作几十万行的文本的时候Notepad++直接卡死了二十多万行的文本选中需要卡几秒,剪切粘贴文本需要卡几秒文本替换需要跑几十秒,再多一些的话容易卡崩 使用vscode进行剪切粘贴批量替换之类的操作基本是不卡秒执行的 一次性选中多行的方法:使用ctrl+G可以跳转到指定行ct......
  • WebAssembly 助力云原生:APISIX 如何借助 Wasm 插件实现扩展功能?
    本文将介绍Wasm,以及ApacheAPISIX如何实现Wasm功能。作者朱欣欣,API7.ai技术工程师原文链接什么是WasmWasm是WebAssembly的缩写。WebAssembly/Wasm是一个基于堆栈的虚拟机设计的指令格式。在Wasm未出现之前,浏览器中只能支持运行Javascript语言。当Wasm出现......
  • linux系统下vscode的命令
    linux系统下vscode的命令选择“Terminal”--“NewTerminal",进入命令窗口1.文件夹跳转(1)进入共享文件夹:cdmnt/hgfs/共享文件夹/自定义文件夹/项目文件夹/例如:cd/mnt/hgfs/ljh/hello/hello/(2)进入系统主目录:cd/home/noi/(3)返回上一级目录:cd..(4)返回主目录:cd~2.查......
  • mac配置vscode和go
    一安装和配置Go去这里下载Go的安装包:https://studygolang.com/dl建议下载pkg格式,懒人安装安装完毕后用goversion验证一下是否安装成功然后使用goenv查看一下go相关的环境变量主要是查看GOROOT,GOPATH,GOBINGOPATH:GO的工作目录,这个默认是~/goGOROOT:GO的安装目......
  • vscode保存时自动ESLint格式化(vue)
    一、安装eslint  二、vscode全局配置2.1打开设置   2.2打开settings.json  2.3在settings.json中添加eslint配置{"code-runner.runInTerminal":true,"eslint.format.enable":true,//以下是eslint配置//vscode默认启用了根据文件......
  • ios的百度网盘web版本视频播放器的字幕插件功能
    详情见https://coding.net/u/qidizi/p/pan.baidu.com.srt.plugin/git这里放一张效果图。......