关于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"。

相关推荐
risc-v@cn3 小时前
【在ubuntu下使用vscode打开c++的make项目及编译调试】
c++·vscode·ubuntu
EnigmaCoder4 小时前
【Linux】Vim编辑器:从入门到高效使用
linux·运维·编辑器·vim
steven~~~18 小时前
vscode wsl解决需要用别的用户调试的问题
vscode
冷面杰拉德21 小时前
vscode连接docker
ide·vscode·docker
xlntj1 天前
VsCode远程连接服务器后安装Github Copilot无法使用
服务器·vscode·github
无你想你2 天前
利用vscode时进行调试,即使设置justMyCode为False仍然失败,如何解决?
ide·vscode·编辑器·justmycode
xcs194052 天前
AI 自动化编程 trae 体验 页面添加富编辑器
运维·自动化·编辑器
Zeluar2 天前
关闭VSCode Markdown插件在Jupyter Notebook中的自动预览
ide·vscode·jupyter
雷工笔记3 天前
【软件安装】VScode介绍安装步骤及中文界面设置方法
ide·vscode·编辑器
gaog2zh3 天前
100202Title和Input组件_编辑器-react-仿低代码平台项目
react.js·低代码·编辑器