当前位置：首页 > news >正文

vscode必装插件推荐

news 2025/4/29 9:28:59

在这里插入图片描述
💝💝💝欢迎莅临我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。

推荐：「stormsha的主页」👈，「stormsha的知识库」👈持续学习，不断总结，共同进步，为了踏实，做好当下事儿~
专栏导航
- Python系列: Python面试题合集，剑指大厂
- Git系列: Git操作技巧
- GO系列: 记录博主学习GO语言的笔记，该笔记专栏尽量写的试用所有入门GO语言的初学者
- 数据库系列: 详细总结了常用数据库 mysql 技术点,以及工作中遇到的 mysql 问题等
- 运维系列: 总结好用的命令，高效开发
- 算法与数据结构系列: 总结数据结构和算法,不同类型针对性训练,提升编程思维
非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨

💖The Start💖点点关注，收藏不迷路💖
📒文章目录
- - - 必备插件
    - 语言特定插件
    - 前端开发插件
    - 数据库相关插件
    - 其他有用插件
    - 安装方法

Visual Studio Code (VSCode) 是一款功能强大且可高度自定义的代码编辑器。安装合适的插件可以显著提升你的编程效率和体验。以下是一些必装的 VSCode 插件推荐，涵盖了多种编程语言和开发需求。

必备插件

Prettier - Code Formatter
- 作用：自动格式化代码，保持代码风格一致。
- 安装后可以配合 ESLint 使用，确保代码规范。
- 配置示例：
```
{"editor.formatOnSave": true,"prettier.singleQuote": true,"prettier.trailingComma": "es5"
}
```
ESLint
- 作用：JavaScript 和 TypeScript 代码检查，帮助你找到并修复代码中的问题。
- 与 Prettier 配合使用效果更佳。
- 配置示例：
```
{"eslint.autoFixOnSave": true
}
```
GitLens
- 作用：增强 VSCode 的 Git 功能，提供详细的 Git 历史记录、代码注释等。
- 可以查看每行代码的提交历史、责任人等信息。
Bracket Pair Colorizer 2
- 作用：用不同颜色标记匹配的括号，帮助你更容易地阅读和理解代码结构。
Path Intellisense
- 作用：在输入路径时提供自动补全提示，节省时间并减少错误。

语言特定插件

Python
- 插件名称：Python
- 作用：提供 Python 代码补全、调试、代码检查等功能。
- 配置示例：
```
{"python.pythonPath": "path/to/python"
}
```
C/C++
- 插件名称：C/C++
- 作用：提供 C 和 C++ 代码补全、调试、代码检查等功能。
- 配置示例：
```
{"C_Cpp.default.compilerPath": "path/to/compiler"
}
```
Java
- 插件名称：Java Extension Pack
- 作用：一组 Java 开发的工具，包括代码补全、调试、Maven 支持等。
Go
- 插件名称：Go
- 作用：提供 Go 代码补全、调试、代码检查等功能。
- 配置示例：
```
{"go.gopath": "path/to/gopath"
}
```

前端开发插件

HTML CSS Support
- 作用：增强 HTML 和 CSS 的自动补全功能，支持类名和 ID 的提示。
Live Server
- 作用：启动一个本地开发服务器，并在代码变化时自动刷新浏览器。
JavaScript (ES6) code snippets
- 作用：提供常用的 ES6 代码片段，节省打字时间。

数据库相关插件

SQLTools

作用：为多种数据库（如 MySQL、PostgreSQL、SQLite 等）提供 SQL 查询和管理功能。

配置示例：

{"sqltools.connections": [{"name": "MySQL","driver": "MySQL","server": "localhost","port": 3306,"username": "root","password": "password","database": "test"}]
}