VSCode

【吐血总结】23个VSCode 插件，助你提高开发效率和美观性

青灯夜游

Mar 10, 2022 pm 08:01 PM

vscode插件

本篇文章给大家总结了23个各种功能的VSCode 插件，可以帮助开发者提高开发效率和美观性，希望对大家有所帮助！

【吐血总结】23个VSCode 插件，助你提高开发效率和美观性

什么是VSCode？

VSCode(全称：Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构、查看定义功能，并且内置了命令行工具和Git版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。【推荐学习：《vscode入门教程》】

VSCode默认支持非常多的编程语言，包括JavaScript、TypeScript、CSS和HTML；也可以通过下载扩展支持Python、C/C++、Java 和Go在内的其他语言。VSCode也支持调试 Node.js 程序。

在这里插入图片描述
VSCode支持同时打开多个目录，并将信息保存在工作区中以便复用。作为跨平台的编辑器，VSCode允许用户更改文件的代码页、换行符和编程语言。

VSCode的下载安装

Windows
打开VSCode官网直接下载即可。
Linux
Linux平台下安装VSCode速度很慢，可以用以下方法：

通过国内源下载VSCode

将压缩包解压并移动到usr/local目录：sudo mv VSCode-linux-x64 /usr/local/

获取运行权限：sudo chmod +x /usr/local/VSCode-linux-x64/code

安装VSCode(注意此处只能用普通用户权限): /usr/local/VSCode-linux-x64/code

创建软链接: sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode, 之后在任意位置可通过终端输入vscode启动软件

VSCode插件集合

美观类

1 CodeSnap

CodeSnap可以轻松生成高分辨率，精美的代码图片

在这里插入图片描述

使用方式很简单：

使用命令将 Codesnap 调出
复制要作为输出的一部分的代码
保存图像到本地

在这里插入图片描述

2 :emojisense:

:emojisense:可以为MarkDown文档或命令行输出表情，让编程更有趣

在这里插入图片描述

直接复制Emoji大全里喜欢的标签即可，例如下面我给数据集训练过程的命令行增加了表情。

在这里插入图片描述

3 Marquee

Marquee可以将编程主屏幕改造得更实用或更美观。有了这个扩展，你可以看新闻报道，天气！此外，Marquee 支持用户将项目添加到个人待办事项列表中，以及一些快速笔记的暂存板。一些小但有用的插件功能。

在这里插入图片描述

在这里插入图片描述

4 Material Theme

Material Theme为 VScode 安装不同的主题，允许你根据自己的喜好自定义整个编辑器的外观。

在这里插入图片描述

下面是我个人使用的FireFly Pro主题。

在这里插入图片描述

5 Bookmarks

Bookmarks允许你在工作区中针对不同文件的特定行向代码添加书签。

在这里插入图片描述

6 Bracket Pair Colorizer

Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块。

在这里插入图片描述

7 vscode-icons

vscode-icons给VSCode文件更换更好看的图标。

在这里插入图片描述

编程类(前端)

1 Vetur

Vetur为Vue项目提供语法高亮、智能感知等。

在这里插入图片描述

2 Auto Close Tag

Auto Close Tag自动闭合HTML/XML标签。

在这里插入图片描述

3 Auto Rename Tag

Auto Rename Tag自动重命名HTML/XML标签。

在这里插入图片描述

4 formate: CSS/LESS/SCSS formatter

formate: CSS/LESS/SCSS formatter格式化CSS/LESS/SCSS以增强可读性。

在这里插入图片描述

5 Live Server

Live Server为静态和动态页面启动具有实时重新加载功能的开发本地服务器。

在这里插入图片描述

6 Debugger for Chrome

Debugger for Chrome将JS代码的调试嵌入Chrome浏览器。

在这里插入图片描述

编程类(C/C++)

1 C/C++

C/C++为VSCode添加了对C/C++的语言支持，包括 IntelliSense 和Debugging等功能。

在这里插入图片描述

2 C++ Intellisense

C++ Intellisense为VSCode添加了对C/C++的智能感知。

在这里插入图片描述

3 CMake Tools

CMake Tools为VSCode添加了对CMake的支持与感知。

在这里插入图片描述

编程类(Python)

1 Python

Python为VSCode添加了对Python的语言支持，包括 IntelliSense 和Debugging等功能。

在这里插入图片描述

2 Jupyter

Jupyter为VSCode添加了对Jupyter Notebook的功能支持。

在这里插入图片描述

效率类

1 Git Graph

Git Graph可视化你的Git提交流程。

在这里插入图片描述

2 koroFileHeader

koroFileHeader用于格式化生成文件头部注释和函数注释。

在这里插入图片描述

3 Code Runner

Code Runner用于直接运行多种语言的代码片段或文件。

在这里插入图片描述

4 Better Comments

Better Comments为代码注释提供各种特定类型注释的高亮。

在这里插入图片描述

5 CodeTime

CodeTime提供你每天敲代码时间的数据分析。

在这里插入图片描述

更多关于VSCode的相关知识，请访问：vscode教程！！

以上是【吐血总结】23个VSCode 插件，助你提高开发效率和美观性的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文转载于：csdn。如有侵权，请联系admin@php.cn删除

vscode 无法选择内核Apr 15, 2025 pm 07:54 PM

无法在 VS Code 中选择内核的原因：Python 环境未正确配置（解释器路径错误或虚拟环境未激活）。"python.defaultInterpreterPath" 设置项指向错误的解释器。系统环境变量未正确设置 Python 解释器路径。防火墙阻止 VS Code 访问解释器。Python 扩展版本过时或安装不当。

vscode 可以学习 python 吗Apr 15, 2025 pm 07:51 PM

VS Code 支持 Python 开发。它是一款代码编辑器，通过扩展支持多种编程语言，包括 Python。以下为设置步骤：准备好 Python 解释器。安装 VS Code 的 Python 扩展。了解 VS Code 的关键功能，如代码自动补全和调试器。检查是否能正常运行 Python 代码。VS Code 还提供了高级功能，如集成测试运行器和代码格式化工具。不过，大型项目中它的性能可能变差，扩展质量也参差不齐。总体而言，VS Code 是一个强大的 Python 开发工具，但需要时间学习以

vscode 可以 launch.json 吗Apr 15, 2025 pm 07:48 PM

VS Code 的 launch.json 配置文件可用于调试应用程序。它定义了启动和调试过程，并包含配置数组，每个配置指定调试器类型、请求类型、程序路径、命令行参数等属性。常见陷阱包括路径问题、环境变量设置和不同调试器的特定配置选项。熟练掌握 launch.json 的使用可以提高调试效率，避免不必要的麻烦。

vscode 可以在 mac 上吗Apr 15, 2025 pm 07:45 PM

VS Code 在 macOS 上表现良好，可提升开发效率。安装和配置步骤包括：安装 VS Code 并进行配置。安装特定语言的扩展（如 JavaScript 的 ESLint）。谨慎安装扩展，避免过多导致启动变慢。学习基本功能，如 Git 集成、终端和调试器。设置合适的主题和代码字体。注意潜在问题：扩展兼容性、文件权限等。

vscode 可以多个光标吗Apr 15, 2025 pm 07:42 PM

VS Code 提供多光标编辑功能，可提升效率：按住 Alt 键并点击鼠标左键创建新光标。使用快捷键 Ctrl Shift L 选择所有匹配单词，创建多个光标。使用快捷键 Ctrl Shift ↑ / ↓ 快速移动光标到相邻行。结合代码折叠和搜索替换，进一步提高效率。使用后务必检查修改是否正确，并运行代码进行测试。多光标编辑在处理复杂代码时存在混乱风险，新手需循序渐进地学习。