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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

备注:

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

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

  2. 输入"configure language",然后回车

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

相关推荐
Bright166832 分钟前
从零打造 Cursor 平替:基于 VS Code 二开的 AI 编程编辑器 CodexaX
人工智能·开源·编辑器
User_芊芊君子32 分钟前
鸿蒙PC适配:Pinta GTK 图像编辑器鸿蒙 PC ArkWeb 适配全记录:从 .NET_GTK4 桌面到 HarmonyOS PC HAP
编辑器·.net·harmonyos
VidDown2 小时前
视频协议传输全解析:从 HTTP/HTTPS 到 HLS/DASH 的完整旅程
javascript·网络·http·https·编辑器·音视频·视频编解码
console.log('npc')2 小时前
Codex 桌面端接入 Headroom 压缩代理完整教程
前端·vscode
女神下凡20 小时前
这是 Cursor(Composer) 的五种核心交互模式
服务器·人工智能·windows·vscode·microsoft
生信碱移1 天前
Vscode 连接 ipynb 选择内核无法自动显示 conda 环境对应的 python
服务器·人工智能·经验分享·vscode·python
爱就是恒久忍耐1 天前
VSCode里clangd如何配置跳转
ide·vscode·编辑器
SmartManWind1 天前
vscode中claude-code插件wsl中开启自动模式
ide·vscode·编辑器·claude code
Watink Cpper1 天前
VSCode通过ChatGPT5.5登陆codex:sign-in could not be complete 问题解决方案
ide·vscode·编辑器·codex·gpt5.5