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

一、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.mzph.cn/web/5279.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

OpenHarmony实战开发-如何实现绘制路径、并填充颜色实现饼状图效果。

Svg组件绘制路径时&#xff0c;通过Path中的M&#xff08;起点&#xff09;、H&#xff08;水平线&#xff09;、a&#xff08;绘制弧形到指定位置&#xff09;路径控制指令&#xff0c;并填充颜色实现饼状图效果。 <!-- xxx.hml --> <div class"container"…

MongoDB聚合运算符:$stdDevPop

MongoDB聚合运算符&#xff1a;$stdDevPop 文章目录 MongoDB聚合运算符&#xff1a;$stdDevPop语法使用非数值类型的值单个值数组操作数窗口值 举例应用于$group阶段在$project阶段使用在$setWindowFields阶段使用 $stdDevPop聚合运算符用来计算输入值的总体标准差。如果确认数…

构造函数中return的几种情况

能不能在构造函数中使用return呢?答案是可以的,但是return在使用过程中要知道一些规则 我们通过代码的形式,来了解了解 function TestA(name){this.name namereturn 1 } function TestB(name){this.name namereturn test } function TestC(name){this.name namereturn f…

visionPro链接相机

搜索Cognex GigE Vision Configura… 修改子网掩码为255.255.255.0 配置驱动程序 更新驱动&#xff08;如果能够选择9014Bytes&#xff0c;跳过此步骤&#xff09; 更新更改 相机ip配置 打开visionPro 选择照相机 查看实时画面 运行保存图像

【Golang】Gin 框架的多种类型绑定函数

文章目录 前言一、Gin 框架解释二、代码实现三、总结 前言 在开发 Web 应用时&#xff0c;处理 HTTP 请求和响应是我们经常需要做的事情。在 Go 语言中&#xff0c;我们有许多优秀的 Web 框架可以帮助我们完成这项工作&#xff0c;而 Gin 框架就是其中之一。本文将深入探讨 Gi…

微服务使用SockJs+Stomp实现Websocket 前后端实例 | Vuex形式断开重连、跨域等等问题踩坑(二)

大家好&#xff0c;我是程序员大猩猩。 上次我们实践了&#xff0c;Java后端如何完成SockJSStomp的配置实现。 微服务使用SockJsStomp实现Websocket 前后端实例 | Vuex形式断开重连、跨域等等问题踩坑&#xff08;一&#xff09; 那么今天我们做一下web vue端的是如何来实现…

Java浮点类型和计算“精度丢失”原因

引言 在计算机科学领域中,浮点数是一种用于表示近似实数的数据类型,广泛应用于科学计算、工程设计、金融建模等领域。在日常编程中,我们经常会遇到浮点数的计算和处理,然而,由于浮点数在计算机中的存储和表示方式,以及二进制与十进制之间的转换问题,可能会导致计算精度…

现代机器学习(ML)技术在医疗成像领域的新应用

现代机器学习(ML)技术在医疗成像领域的新应用主要包括以下几个方面: 一、自动病变检测 使用深度学习算法,尤其是卷积神经网络(CNN),自动识别和分类医学影像中的病变,如肿瘤、炎症等。自动病变检测是现代机器学习技术在医疗成像领域应用的一个重要方向。它主要通过以下…

hive-row_number() 和 rank() 和 dense_rank()

row_number() 是无脑排序 rank() 是相同的值排名相同&#xff0c;相同值之后的排名会继续加&#xff0c;是我们正常认知的排名&#xff0c;比如学生成绩。 dense_rank()也是相同的值排名相同&#xff0c;接下来的排名不会加。不会占据排名的坑位。

智能私信软件:转化率提升的神器

在数字化营销领域&#xff0c;利用智能私信软件策略提升转化率已经成为一种不可忽视的趋势。随着人工智能技术的发展&#xff0c;这些软件变得越来越智能&#xff0c;能够根据用户的行为和偏好提供个性化的沟通体验。在这篇文章中&#xff0c;我们将探讨如何有效地运用智能私信…

Leetcode_相交链表

✨✨所属专栏&#xff1a;LeetCode刷题专栏✨✨ ✨✨作者主页&#xff1a;嶔某✨✨ 题目&#xff1a; 题解&#xff1a; 看到这个题目首先我们要排除链表逆置的想法&#xff0c;如图、因为c1节点只有一个next指针&#xff0c;逆置后不可能同时指向a2和b3节点。 其次有的的同学…

【RabbitMQ】可靠性策略(幂等,消息持久化)

MQ可靠性策略 发送者的可靠性问题生产者的重连生产者确认 MQ的可靠性数据持久化Lazy Queue 消费者的可靠性问题消费者确认机制消息失败处理 业务幂等性简答问题 发送者的可靠性问题 生产者的重连 可能存在由于网络波动&#xff0c;出现的客户端连接MQ失败&#xff0c;我们可以…

JavaScript 中的 this 到底指向谁? 今天彻底把它征服!!!

概述 我们知道&#xff0c;JS 中的 this 指向问题&#xff0c;一直是一个经久不衰的重点和考点。那么它到底难不难呢&#xff1f;怎么说呢&#xff1f;它也难也不难&#xff0c;你要是不把它理清楚&#xff0c;随意变化一下就能把你绊倒&#xff1b;但是你要是把他理清楚了以后…

VUE+TS使用elementUI的el-checkbox双重v-for循环做勾选

html部分 <template><div class"hello"><el-form :model"elForm"> <!-- cities对象数组形式 --><el-form-item v-for"(item, topIndex) in cities" :key"topIndex"> <!--item.checked 是每一个item…

最新游戏陪玩语音聊天系统3.0商业升级独立版本源码+搭建教程

首发价值29800元的最新商业版游戏陪玩语音聊天系统3.0商业升级独立版本源码。 下 载 地 址 &#xff1a; runruncode.com/php/19748.html 1. 新增人气店员轮播功能。 2. UI界面优化&#xff0c;包括游戏图标展示和分类展示的改进。 3. 增加动态礼物打赏功能。 4. 新增礼…

SQL底层执行过程

MySQL 的查询流程 客户端请求连接器 负责与客户端的通信,是半双工模式&#xff08;半双工(Half Duplex)数据传输指数据可以在一个信号载体的两个方向上传输,但是不能同时传输。&#xff09;&#xff0c;验证请求用户的账户和密码是否正确&#xff0c;③如果用户的账户和密码验…

Codigger数据篇(下):数据安全的全方位保障

在数字化浪潮中&#xff0c;数据已成为现代企业的核心财富。Codigger作为领先的数据服务平台&#xff0c;深知数据安全对于用户的重要性&#xff0c;因此在深挖数据价值的同时&#xff0c;我们始终坚守数据安全防线。 一、双重加密技术保障 Codigger平台运用先进的加密通信和…

MATLAB初学者入门(22)—— 哈希算法

哈希算法在计算机科学中广泛用于数据管理、安全、错误检测等多种应用。在MATLAB中&#xff0c;可以通过内置函数或自定义函数来实现哈希算法&#xff0c;以便于数据的快速检索、唯一性验证和数据完整性检查。 案例分析&#xff1a;使用哈希算法快速检索数据 假设我们有一个大型…

vue2.7与vue2.6、vue3的区别

官网链接&#xff1a;https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html -组合式与选项式 选项式&#xff1a;export default { 各种选项关键字名&#xff0c;都定好了&#xff0c;无需引入&#xff0c;配对放置即可}

RabbitMQ Transport indicated EOF 总结

Rabbitmq报错 pika.exceptions.IncompatibleProtocolError StreamLostError (‘Transport indicated EOF‘,) 网上的答案是端口写错了&#xff0c;产生此报错的原因是我将port写成了15672&#xff0c;15672是rabbitmq管理页面的端口 port 15672rabbitmq需要通过端口5672连…