盘点那些VS Code上的常用插件

淡淡的烟草味﹌ 2023-10-12 20:12 2阅读 0赞

> 插件可以使代码开发过程变得更加轻松和高效

### 文章目录 ###

*  前言
 *  中文版
 *  主题插件
 *  显示错误
 *  游戏插件
 *  连接VUE
 *  连接数据库
 *  拼写检查插件
 *  前端智能提示
 *  刷算法题的插件
 *  美化注释的插件
 *  美化括号的插件
 *  自动补全路径和文件名
 *  在浏览器中打开 HTML 文件
 *  在 VS Code 里面使用 Postman
 *  同步 VS Code 配置的插件

--------------------

# 前言 #

`提示：这里可以添加本文要记录的大概内容：`

作为当下流行的文本编辑器之一，VS Code 众所周知的拥有着便捷、高效的特点，而其插件生态更是让其功能得到了大大的扩展。  
本文将结合笔者使用的经验，盘点一下 VS Code 上常用的插件，以供大家参考。

--------------------

[点击这里][Link 1]跳转到VS Code下载教程

下图是VS Code安装插件步骤  
![在这里插入图片描述][244e739635c44cbe92b919f4bc4401ce.png]

`提示：以下是本篇文章正文内容，下面案例可供参考`

# 中文版 #

Chinese  
![在这里插入图片描述][73c142f0ef134b5cbc9725082a5d8361.png]

# 主题插件 #

Community Material Theme / Material Theme

# 显示错误 #

Error Gutters

# 游戏插件 #

小霸王  
输入后在下面还会显示很多小游戏

# 连接VUE #

Vue Language Features  
Vue 3 Snippets  
![在这里插入图片描述][133a26403867448181a32eabfee4d150.png]

# 连接数据库 #

MySQL和 MySQL Syntax 一共有三个  
![在这里插入图片描述][af0843a437944552a3fc51608279434f.png]

# 拼写检查插件 #

拼写检查工具，帮助避免代码中的拼写错误  
Code Spell Checker

# 前端智能提示 #

HTML Snippets  
用于前端，智能提示HTML标签以及标签含义

# 刷算法题的插件 #

LeetCode

# 美化注释的插件 #

对注释进行颜色标记，使其更加易读  
Better Comments

# 美化括号的插件 #

代码括号配色工具，方便阅读代码  
Bracket Pair Colorizer / Bracket Pair Colorizer 2

# 自动补全路径和文件名 #

Path Intellisense

# 在浏览器中打开 HTML 文件 #

用于前端  
open in browser  
![在这里插入图片描述][398baa3bd2e54f92b5f23da1ebd11efc.png]

安装完以后在目标的 html 文件上右击，选择 open in default browser 即可打开使用浏览器打开文件

# 在 VS Code 里面使用 Postman #

Postcode

# 同步 VS Code 配置的插件 #

Settings Sync

--------------------

[Link 1]: https://rej177.blog.csdn.net/article/details/123884724
[244e739635c44cbe92b919f4bc4401ce.png]: https://img-blog.csdnimg.cn/244e739635c44cbe92b919f4bc4401ce.png
[73c142f0ef134b5cbc9725082a5d8361.png]: https://img-blog.csdnimg.cn/73c142f0ef134b5cbc9725082a5d8361.png
[133a26403867448181a32eabfee4d150.png]: https://img-blog.csdnimg.cn/133a26403867448181a32eabfee4d150.png
[af0843a437944552a3fc51608279434f.png]: https://img-blog.csdnimg.cn/af0843a437944552a3fc51608279434f.png
[398baa3bd2e54f92b5f23da1ebd11efc.png]: https://img-blog.csdnimg.cn/398baa3bd2e54f92b5f23da1ebd11efc.png