vscode相关插件使用----持续更新中

ops/2025/1/15 21:42:28/

一、VSCode(Visual Studio Code)常用的插件:

  1. Vetur/Volar:用于Vue.js项目的开发,提供语法高亮、智能感知等功能。
  2. ESLint:用于JavaScript代码的语法检查和风格检查,支持多种编码规范。
  3. Prettier - Code formatter:代码格式化插件,自动将代码格式化为一致的样式。
  4. GitLens:增强VSCode内置的Git功能,提供可视化查看Git操作等功能。
  5. Live Server:为前端开发提供一个本地开发服务器,支持实时预览和调试网页应用程序。
  6. Path Intellisense:路径自动补全插件,帮助用户更快速地输入和补全文件路径。
  7. Auto Rename Tag:重命名HTML/XML标签时,自动重命名配对的标签。
  8. Bracket Pair Colorizer:为匹配的括号着色,提高代码可读性。
  9. HTML CSS Support:在HTML标签上提供class的智能提示,显示当前项目所支持的样式。
  10. Markdown Preview Github Styling:改善和优化Markdown预览功能,以GitHub样式显示Markdown文件。
  11. VSCode Icons:为文件和文件夹添加图标,增强编辑器的可视化效果。
  12. Git History:查看Git日志和文件历史记录,比较分支或提交。
  13. Project Manager:管理多个项目,支持快速在多个项目间切换。
  14. Todo Tree:在工程中快速搜索TODO注释标签,并以树状图显示。
  15. WakaTime:自动统计工作量、代码提交和时间跟踪等,提供工作统计图表。

以下是更多常用的VSCode插件推荐:

  1. Python:为Python开发提供语法高亮、代码片段、调试等功能。
  2. Docker:与Docker集成,支持容器开发和部署。
  3. Remote - SSH/WSL/Containers:允许你在远程服务器、Windows Subsystem for Linux (WSL) 或容器中开发。
  4. Debugger for Chrome:在VSCode中调试Chrome浏览器中的JavaScript代码。
  5. Code Spell Checker:检查代码中的拼写错误。
  6. IntelliSense for CSS class names in HTML:在HTML文件中为CSS类名提供智能感知。
  7. Vetur Pack:包含Vue.js开发所需的一系列插件。
  8. Material Icon Theme:为文件和文件夹提供一套Material Design风格的图标。
  9. Settings Sync:在不同设备间同步VSCode的设置和插件。
  10. File Peek:通过悬停预览文件内容,无需打开新窗口。
  11. Code Runner:支持多种编程语言的代码运行和调试。
  12. CodeSnap:轻松捕获和分享你的代码截图。
  13. Draw.io Integration:在VSCode中集成Draw.io,支持流程图、UML图等的绘制。
  14. Kite:提供Python代码自动补全和文档功能。
  15. Kubernetes:与Kubernetes集成,支持容器编排和部署。

二、面向特定编程语言的插件集合:

1.python

  1. Python extension for Visual Studio Code:这是由微软官方提供的Python插件,它提供了Python语言的开发支持,包括智能代码补全、调试、语法检查、代码格式化等功能。这个插件是Python开发在VSCode中的基础。
  2. MagicPython:如果你对官方的Python插件不满意,可以考虑使用MagicPython。它提供了更好的Python语法高亮和代码智能感知。
  3. Kite:Kite是一个AI驱动的Python代码补全插件,它可以基于你的代码和项目环境来推荐最可能的代码补全选项。
  4. Pylance:Pylance是微软开发的一个Python语言服务器,它提供了强大的Python智能感知和类型检查功能。这个插件是VSCode Python开发的一个很好的选择。
  5. Jedi:Jedi是一个Python自动补全库,它也可以作为VSCode的插件使用。它提供了基于静态分析的代码补全和类型推断功能。
  6. autopep8:autopep8是一个Python代码格式化工具,它可以自动将你的代码格式化为符合PEP 8规范的样式。这个插件可以帮助你保持代码的一致性和可读性。
  7. Yapf:Yapf是Google开源的一个Python代码格式化工具,它支持PEP 8和Google的Python代码风格。你可以在VSCode中配置Yapf作为你的代码格式化工具。
  8. Python Docstring Generator:这个插件可以帮助你自动生成Python函数的docstring,提高代码的可读性和可维护性。
  9. Python Indent:Python Indent是一个适用于VSCode的Python缩进插件,它可以自动调整Python代码的缩进,保持代码的格式一致。
  10. Pytest:如果你使用pytest作为你的Python测试框架,那么你可以安装pytest的VSCode插件。这个插件提供了在VSCode中运行和调试pytest测试的功能。

2.c/c++

  1. C/C++:这是微软官方提供的C/C++插件,为VSCode提供了强大的C/C++开发支持。它包含了智能代码补全、调试、语法检查、代码格式化等功能,是C/C++开发在VSCode中的基础插件。
  2. C++ Intellisense:这个插件提供了基于GNU Global标签的C/C++智能提示功能,可以帮助开发者更快地编写和调试代码。
  3. Bracket Pair Colorizer:这个插件可以为匹配的括号着色,提高代码的可读性。对于复杂的代码结构,这个插件可以帮助你更容易地理解和跟踪代码。
  4. Chinese (Simplified) Language Pack for Visual Studio Code:如果你更喜欢使用简体中文来操作VSCode,那么这个插件就可以为你提供中文的界面和提示信息。
  5. Path Intellisense:这个插件可以自动完成文件名的补全,帮助你更快速地导航到项目的各个文件。
  6. CMake Tools:如果你的项目使用了CMake作为构建系统,那么这个插件就可以帮助你更方便地管理CMake项目和构建目标。
  7. Doxygen Documentation Generator:Doxygen是一个常用的文档生成工具,这个插件可以帮助你在VSCode中直接生成Doxygen风格的注释和文档。
  8. Git Graph:这个插件提供了一个可视化的Git操作界面,帮助你更直观地查看和管理Git仓库的历史和分支。
  9. GitLens:GitLens是另一个强大的Git插件,它提供了更多的Git操作和分析功能,如代码贡献者统计、代码行历史等。
  10. Visual Studio IntelliCode:这个插件可以利用机器学习技术来提供智能的代码补全和推荐,帮助你更快地编写代码。

3.java

  1. Java Extension Pack:这是一个包含了一系列Java开发所需插件的扩展包,包括Java语言支持、Maven、Gradle、JUnit测试支持等。这个扩展包能够为Java开发者提供一站式的开发体验。
  2. Language Support for Java(TM) by Red Hat:这个插件为Java语言提供了完整的支持,包括语法高亮、代码自动补全、代码跳转、文档提示等功能。它可以帮助你更高效地编写Java代码。
  3. Debugger for Java:这个插件提供了Java代码的调试功能,支持断点、单步执行、变量查看等操作。它可以帮助你调试和修复Java代码中的错误。
  4. Maven for Java:如果你使用Maven作为Java项目的构建工具,那么这个插件可以帮助你更方便地构建、运行和调试Maven项目。它支持Maven的所有常用功能,如依赖管理、项目构建等。
  5. Java Test Runner:这个插件可以运行和调试Java单元测试,支持JUnit、TestNG等测试框架。它可以帮助你更方便地编写和运行Java测试代码,确保代码的质量和稳定性。
  6. Spring Boot Tools:如果你使用Spring Boot框架开发Java应用程序,那么这个插件可以提供对Spring Boot应用程序的支持,包括自动补全、重构、调试等功能。它可以帮助你更高效地开发Spring Boot应用程序。
  7. SonarLint:这个插件用于静态代码分析,可以检测Java代码中的潜在问题并提供修复建议。它可以帮助你提高代码的质量和可维护性。

4.vue

  1. Vetur:这是一个为Vue.js提供全面支持的插件。它包括了语法高亮、智能感知、Emmet、格式化(通过Alt+Shift+F可以格式化全文,Ctrl+K Ctrl+F可以格式化选中的代码)、代码片段等功能。这个插件可以帮助你更高效地编写Vue代码。
  2. ESLint:虽然这个插件不是专门为Vue设计的,但是它在Vue项目中也非常有用。ESLint是一个强大的代码检查工具,可以帮助你发现代码中的错误和不规范的写法,并给出修复建议。
  3. Prettier - Code formatter:Prettier是一个流行的代码格式化工具,它可以支持多种语言和框架,包括Vue。它可以帮助你自动将代码格式化为一致的样式,提高代码的可读性和可维护性。
  4. Vue VSCode Snippets:这个插件提供了一系列的代码片段,可以帮助你快速编写Vue模板、脚本和样式。通过输入特定的缩写,比如“vbase”,就可以生成基础的Vue模板代码。
  5. Auto Close Tag 和 Auto Rename Tag:这两个插件可以自动闭合HTML/XML标签,并在修改标签时自动重命名配对的标签。它们可以帮助你更快速地编写HTML和XML代码,减少错误。
  6. Vue 3 Snippets:如果你正在使用Vue 3,那么这个插件会非常有用。它提供了专门为Vue 3设计的代码片段,可以帮助你快速编写Composition API等新特性的代码。
  7. Debugger for Chrome:虽然这个插件主要用于调试JavaScript代码,但它在Vue项目中也非常有用。它可以将VSCode上的断点映射到Chrome浏览器上,方便你进行调试。
  8. Vue 2 Snippets(如果你还在使用Vue 2):这个插件为Vue 2提供了代码片段支持,帮助你更快地编写Vue 2的代码。

http://www.ppmy.cn/ops/25832.html

相关文章

Flask教程3:jinja2模板引擎

文章目录 模板的导入与使用 模板的导入与使用 Flask通过render_template来实现模板的渲染,要使用这个方法,我们需要导入from flask import rander_template,模板中注释需放在{# #}中 模板的第一个参数为指定的模板文件名称,如自定…

redis运维篇下篇

最近在学redis,由于笔者是学运维的,所以推荐学习运维的小伙伴参考,希望对大家有帮助! redis运维篇上篇:http://t.csdnimg.cn/MfPud 附加redis多用户管理:http://t.csdnimg.cn/DY3yx 目录 十.redis慢日志 十一.redis的key的有效…

macOS asdf 工具版本管理器

一、区别于Homebrew "asdf"和"Homebrew"都是用于管理软件包的工具,但它们的主要区别在于适用范围和管理的内容: 1.适用范围: asdf:是一个通用的版本管理工具,可以用来管理多种不同的软件工具和…

基于ZYNQ7020的ARM+FPGA模块化仪器

模块化仪器平台基于 FPGA控制器, 搭配丰富灵活的仪器模块,如万⽤表、⽰波器、信 号发⽣器、数据记录仪、⾳频分析仪等,涵盖了⾼精度信号、⾼速与射频信号测试测量与处理,提供了从验证到试产到量产的全过程测试测量技术与解决⽅案&…

如何安全可控的进行跨区域数据交换,提高数据价值?

跨区域数据交换指的是在不同地理位置或不同网络环境下的数据传输和共享。随着数字化转型的加速,企业及组织越来越依赖于数据的流动来优化业务流程、增强决策制定和推动创新。然而,跨区域数据交换也带来了一系列的挑战和风险,主要包括&#xf…

23 重构:烟囱式、平台化、中台化的架构

上一讲里,我们介绍了两大类型的系统升级重构方案,还介绍了如何进行重构版本的上线,以及如何平滑地完成新老版本切换的方案。在本讲里,将会具体介绍如何判断系统发展到什么阶段需要重构,以及如何实施重构。 系统稳定性…

【Vue 2.x】学习vue之一基础部分

文章目录 Vue 一基础部分第一章1、git两个分支主分支子分支 使用方法方式1:采用命令的方式操作分支方式2:在idea中使用git的分支 向git远程仓库提交时忽略文件使用git时的一些冲突注意事项 2、Vue问题1:什么是Vue?问题2&#xff1…

HCIA-题目解析1

0x00 前言 遇到这样一道题,这种题目对于我来说还是比较复杂的,所以记录一下。主要还是和熟练度有关系。 0x01 题目 路由器RouterID邻居关系如下,下列说法正确的是 A:本路由器和Router-lD为10.0.3.3的路由器不能直接交换链路状态信息 B:DR路由器的Router-lD为10.0.1.2 C:…