首页 > 其他分享 >关于VSCode里需要用的一些插件总结

关于VSCode里需要用的一些插件总结

时间:2024-09-27 17:19:03浏览次数:10  
标签:总结 插件 VSCode 标签 代码 ----------- HTML CSS

在使用vscode编辑器的时候,经常需要安装一些插件来帮助我们进行开发,现在对可能用到的一些插件进行总结

1.open in browser-------------在浏览器中打开,如果不装这个,无法在右键的时候在浏览器运行(必备)

2. Auto Rename Tag--------------修改HTML标签时,自动修改匹配的标签

3. Auto Close Tag---------------匹配标签,关闭对应的标签

4. HTML CSS Support---------------css提示(支持vue)让 html 标签上写class 智能提示当前项目所支持的样式 , 新版已经支持scss文件检索(必备)

5. Vetur----------------目前比较好的Vue语法高亮

6. HTML Snippts-----------H5代码片段以及提示

7. Code Runner-----------代码编译运行看结果,支持众多语言

8. Beautify--------------格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS

9. Bracket Pair Colorizer------------------让括号拥有独立的颜色

10. colorize -----------------会给颜色代码增加一个当前匹配代码颜色的背景

11. Color Info-------------------提供你在 CSS 中使用颜色的相关信息,你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息

10. Chinese Language-----------中文语言包

11. Path Intellisense-----------路径智能提示

12. Prettier-Code formatter---------------代码格式统一

13. JavaScript Snippet Pack-------------------针对js的插件,包含了js的常用语法关键字

14.Local History------------------查看文件修改历史记录

15.GitLens-------------------历史记录和显示的代码作者身份具体功能

备注:

如果下载的vscode是英文版,则需要手动改成中文,方法如下

1. 打开按快捷键“Ctrl+Shift+P”,在“vscode”顶部会出现一个搜索框

2. 输入“configure language”,然后回车

3. 将“en-us”修改成“zh-cn”。

标签:总结,插件,VSCode,标签,代码,-----------,HTML,CSS
From: https://blog.csdn.net/xxuxioxx/article/details/142598387

相关文章

  • 【情感共鸣助手】智能体创建总结
    情感共鸣助手是一个专为情感支持和心理健康设计的智能体,旨在通过倾听、共情和反馈帮助用户更好地理解和管理自身的情绪状态。这个智能体的创建基于对情感健康日益重要的认识,旨在为用户提供一个温暖、无判断的情感陪伴者,帮助他们应对生活中的各种情绪波动和压力。在设计理念上,情感......
  • 人人都能手写的chrome插件,帮我省了1000多块钱
    在网购的世界里,价格波动常常让人感到无奈。《京东价保》插件通过定时监控已购商品价格变化,降价自动申请京东价格保护,帮我省下了不少钱。作为一个前端开发工程师,这让我意识到,手写一个浏览器插件是一件很有趣且有意义的事。于是,我决定尝试自己动手,开发一个简单的二维码生成器插件,各位......
  • 使用VSCode进行Qt开发插件QtSupport
    使用VSCode进行Qt开发插件QtSupport使用VSCode进行Qt开发一般都是使用的官方插件Qttools,使用起来并不是太方便,所以我选择QtSupport插件。一、QtSupport功能可以创建项目导入基于CMake的qt项目可以添加Qt项目文件DesignerFormClassDesignerFormC++classTransla......
  • Ubuntu卸载与安装软件命令总结
    在Linux上安装.deb包(Debian软件包),主要有几种方法。这些方法适用于基于Debian的系统,如Ubuntu。以下是几种安装.deb包的常见方法:1.使用dpkg命令dpkg是Debian包管理工具,用于安装、构建、删除和管理Debian软件包,但不自动处理依赖关系。打开终端。转到.deb文件所在的目录。运......
  • JMeter插件下载
    JMeter插件下载官网下载plugins-manager.jar包,放在jmeter安装路径的lib/ext目录下即可使用。官网:https://jmeter-plugins.org/install/Install/点击下载。下载后将jar包放在/lib/ext目录下。重启JMeter,出现图标。下图,InstalledPlugins是我已安装的插件。......
  • 分享一下PHP基本语法总结
    1.PHP的语法结构PHP(HypertextPreprocessor)是一种广泛使用的开源服务器端脚本语言,特别擅长Web开发。以下是PHP主要语法结构的总结:变量变量在PHP中以$符号开头,变量名是区分大小写的。变量可以存储不同类型的数据,如字符串、整数、浮点数、布尔值、数组和对象等。$message="Hello,......
  • ide使用技巧与插件推荐
    IDE(集成开发环境)是开发者日常工作中不可或缺的工具,掌握一些使用技巧和使用合适的插件可以显著提高开发效率。以下是一些常见的IDE使用技巧和插件推荐:1. IDE使用技巧1.1 快捷键常用快捷键:代码格式化: Ctrl+Alt+L (IntelliJIDEA,AndroidStudio)快速修复: Alt......
  • 2024/09/26 模拟赛总结
    rk4,\(0+30+40+30=100\),T1挂惨了#A.智乃的差分分类讨论,由于\(a_i\ge0\),当\(x<0\)时,可以直接升序排列当\(x>0\)时,大部分情况下可以降序排列,但可能会出现\(a_1=x\)的情况,就可以找到第一个不为\(x\)且不为\(0\)的数,swap掉即可然后是最麻烦的\(x=0\),当出现最多的......
  • 20240926 模拟赛总结
    \(10+30+30+10=80\),有挂惨了。比赛链接:http://172.45.35.5/d/HEIGETWO/homework/66f4fec944f0ed11b057cca9或http://172.45.35.5/d/HEIGETWO/homework/66f4fec944f0ed11b057cca9A-智乃的差分题意:给定一个数列\(a_n\)(\(0\lea_i\le10^9\)),你可以重排这个数组,问是否存在一......
  • Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
    1.准备工作在GitHub申请token,申请的token只出现一次!下载node.js并安装,node.js官网,如果是win7系统,可以下载2020的最新版,笔者是win7,64位的系统,下载的是node-v15.5.0-x64.msi.2.在Typora中下载PicGo-Core(commandline)插件打开Typora,依次点击文件-偏好设置-图像;按......