VSCode好用的插件推荐

devtools/2024/9/22 18:50:53/

1. Chinese 

vscode翻译成简体中文

2. ESLint 

自动检查规范

3.  Prettier - Code formatter

可以自动调整代码的缩进、换行和空格,确保代码风格统一。通过配置,Prettier可以在保存文件时自动格式化代码

https://juejin.cn/post/7402572475719827475

4. Live Server

实时预览页面

5. DotENV 

.env 文件代码显示高亮

6. Auto Close Tag

自动闭合标签

7. Auto Rename Tag

只要修改了开始标签,结束标签就同步跟着修改了

8.  Vetur (vue2使用)

9. Volar(vue3使用)后改名为vue-official

Vue 官方语言工具2.0 来了,已正式更名!_vue - official-CSDN博客

10. Vue 2 Snippets

Vue2 代码片段补全工具

11. Vue VSCode Snippets 

代码片段模板

VSCode中snippets(代码模板)的使用_vscode snippet-CSDN博客

VSCode snippets 自定义Vue3代码片段(持续更新)_vue vscode snippets-CSDN博客

12.Color Highlight

颜色高亮显示

13. Code Spell Checker

检测代码拼写错误

vscode代码拼写错误检测插件_code spell checker怎么使用-CSDN博客

14. Highlight Matching Tag

将选中的匹配标签高亮显示

15. GitLens

显示最新提交记录

16.  Bookmarks

添加书签

VSCode Bookmarks 插件使用教程-CSDN博客

17. vscode-icons

显示图标

18. Image preview

预览图片

19. JavaScript (ES6) code snippets

为开发者提供了快速编写ES6语法的代码片段。这些代码片段包括函数、类、变量声明等常用语法结构的模板,借助这些模板,开发者可以快速插入代码段并根据需要进行自定义修改。这个插件极大地提升了编写现代JavaScript代码的效率和便捷性。 

20. Moonlight

颜色主题

 

21. open in browser 

用什么浏览器打开

22. Path Intellisense

自动补齐路径

23. Turbo Console Log

快捷生成log

如果默认快捷键重复了,在此处修改快捷命令

24. ChatGPT 

 

25. GitHub Copilot 

 


http://www.ppmy.cn/devtools/111833.html

相关文章

http连接与ssh连接的区别

HTTP连接和SSH连接是两种不同的网络协议,主要用于不同的目的。以下是它们之间的主要区别: 协议类型: HTTP(超文本传输协议):主要用于在Web浏览器和服务器之间传输超文本数据(如HTML文档&#xf…

微生物分类检测系统源码分享

微生物分类检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer V…

C++20 协程:异步编程的新纪元

C20 引入了协程(coroutines),这是一种全新的异步编程模型,使得编写异步代码变得更加简洁和直观。本文将详细介绍 C20 协程的概念、功能演变及其在实际项目中的应用。通过本文,你将了解到协程的基本原理、语法和如何利用…

Docker上安装mysql

获取 MySQL 镜像 获取镜像。使用以下命令来拉取镜像: 1docker pull mysql:latest 这里拉取的是最新版本的 MySQL 镜像。你也可以指定特定版本,例如: 1docker pull mysql:8.0 3. 运行 MySQL 容器 运行 MySQL 容器时,你需要指定…

Spring Boot整合MyBatis Plus详解

MyBatis Plus是MyBatis的增强工具,在MyBatis的基础上只做增强不做改变,为简化开发、提高效率而生。 前言 在Java企业级开发中,Spring Boot以其自动配置、简化开发流程的特性,成为微服务架构下首选的框架之一。而MyBatis Plus则以…

c++中模版进阶和继承

类型参数非类型模版参数 //类型参数非类型模版参数 template<class T,int N> class Array { public:Array() {} private:T _a[N]; }; int main() {Array<int, 100> a1;return 0; } 注意&#xff1a; 1. 浮点数、类对象以及字符串是不允许作为非类型模板参数的。…

力扣题解2181

大家好&#xff0c;欢迎来到无限大的频道&#xff0c;有些日子没更新了&#xff08;其实是因为懒&#xff09; 言归正传&#xff0c;开始分享今日的题解。 题目描述&#xff1a; 合并零之间的节点 给一个链表的头节点 head &#xff0c;该链表包含由 0 分隔开的一连串整数。…

c#进度条实现方法

在使用c#做WinFrom开发时&#xff0c;经常会用到进度条&#xff08;ProgressBar&#xff09;。那么如何才能实现winfrom进度条及进度信息提示呢&#xff1f; 方法一&#xff1a;多线程 使用c#做WinFrom开发&#xff0c;要实现进度条效果就需要用到多线程&#xff0c;如果不采…