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

相关推荐
寒水馨4 小时前
Windows下载、安装neovim-v0.12.4(附安装包nvim-win64.msi)
windows·编辑器·vim·lua·终端·lsp·neovim
Yolanda_202221 小时前
在vscode终端中可使用pip,但是cmd终端中找不到命令 pip问题的解决
vscode·python·conda·pip
π同学1 天前
ESP-IDF+vscode开发ESP32 联网篇第一讲——WIFI扫描
vscode·esp32c6·wifi scan
●VON1 天前
鸿蒙 PC Markdown 编辑器内核:在 ArkWeb 中离线运行 CodeMirror 6
安全·华为·编辑器·harmonyos·鸿蒙
●VON2 天前
鸿蒙 PC Markdown 编辑器存储安全:AtomicFile 原子提交与故障注入
安全·华为·编辑器·harmonyos·鸿蒙
●VON2 天前
鸿蒙 PC Markdown 编辑器 Alpha 评审:如何用退出条件判断阶段完成
网络·安全·华为·编辑器·harmonyos·鸿蒙
MGS浪疯2 天前
我用 WorkBuddy 做了一个能记住前文的 AI 小说编辑器
人工智能·编辑器·腾讯云·腾讯云ai代码助手·workbuddy开发者分享季·codebuddy开发者分享季
●VON2 天前
鸿蒙 PC Markdown 编辑器 Bridge 协议:原生外壳与 Web 内核的状态同步
前端·华为·编辑器·harmonyos·鸿蒙
Irene19913 天前
怎么设置 PyCharm 使用 VSCode 的快捷键,推荐保留的原生快捷键(特色功能不建议覆盖,否则丧失效率优势)Ctrl+Alt+L:代码格式化
vscode·pycharm·快捷键
●VON3 天前
鸿蒙 PC Markdown 编辑器原生右键弹层兼容
安全·华为·编辑器·harmonyos·鸿蒙