目录

VScode-插件推荐cursor通用

VScode 插件推荐(cursor通用)

VScode 插件推荐(cursor通用)

概述

Visual Studio Code(简称VSCode)作为当今最受欢迎的代码编辑器之一,以其轻量级、高度可定制性和丰富的插件生态系统而闻名。虽然VSCode本身并不是一个编译器,但它通过各种插件可以支持几乎所有主流编程语言的编码、调试和运行。

作为一个现代化的开发工具,VSCode的插件数量庞大,几乎可以满足任何开发需求。在这篇博客中,我将为大家总结几个我认为比较常用且好用的VSCode插件。这些插件不仅能够提高您的开发效率,还能让您的编码体验更加愉悦。

无论您是前端开发者、后端工程师,还是全栈程序员,相信在这个列表中都能找到适合自己的工具。让我们一起来看看这些强大的VSCode插件吧!

vscode官网:


推荐一个代码编译器 Cursor, 它是基于VSCode创建的,使用了VSCode的核心架构和许多基础功能。最重要的是 Cursor是专注于AI辅助编程的编辑器,为使用AI工具的开发者提供更集成的体验。

Cursor官网:


插件

通用类

Chinese (Simplified) (简体中文)

vscode的官方中文语言包,对于初学者比较适用。我不太推荐经常使用。

Error Lens

错误提示:可以将原先显示的问题显示在对应行右侧并高亮

https://i-blog.csdnimg.cn/direct/2df8de7619704f2da05dc25e0e48c3c7.png

  • 原来的错误显示

https://i-blog.csdnimg.cn/direct/0319ad49797f45ec8d2702bf72c5088d.png

  • 本插件作用

https://i-blog.csdnimg.cn/direct/6d06f1e985734ee0be1d980252d27806.png

Path Intellisense

路径补全:在输入路径时,有智能提示补全

https://i-blog.csdnimg.cn/direct/2700671ac5fe49dea13449cc7f2a82de.png

- 效果图

https://i-blog.csdnimg.cn/direct/7c0ac4abe29a4e78b9f348204a1a031c.png

Prettier - Code formatter

代码格式化:能够将我们代码调整为标准的格式,支持的语言:

  • JavaScript
  • TypeScript

  • Flow

  • JSX

  • JSON

    • CSS · SCSS · Less

    • HTML · Vue · Angular HANDLEBARS · Ember · Glimmer

    • GraphQL · Markdown · YAML

    https://i-blog.csdnimg.cn/direct/bbc7f86463ad440299d08cf8dcc6b6ae.png

autopep8

autopep8 是基于 PEP 8 标准的自动格式化工具。它的主要目的就是自动将 Python 代码格式化为符合 PEP 8 规范的样式。

https://i-blog.csdnimg.cn/direct/49e954f60c7a4cf89fc492b821cba5fe.png

IntelliJ IDEA Keybindings

快捷键插件:可以将vscode的快捷键设置为 WebStorm, PyCharm, PHP Storm等 的快捷键。

https://i-blog.csdnimg.cn/direct/7bea19a1c73d49908b2fd5db69a383aa.png

One Dark Pro

【主题插件】一个比较受欢迎的插件主题,安装即可使用。

https://i-blog.csdnimg.cn/direct/63da0c731e474099af3f192c8f225f54.png

SQL Formatter

sql 格式化插件

https://i-blog.csdnimg.cn/direct/46894e0ee9e44b228591c218286e6ee3.png

工具类

bookmarks

【标签工具】对于大项目的场景下非常适用,他能够根据标签进行跳转。可以设置快捷键,更具快捷键快速跳转。

https://i-blog.csdnimg.cn/direct/0649ded424334d6fa01a9c4ac987312b.png

https://i-blog.csdnimg.cn/direct/20b6615763934d8e94d34be4a4ec1e34.png

Project Manager

【项目管理】可以将我们经常使用的项目,进行管理,不需要每次打开都去找文件路径。

https://i-blog.csdnimg.cn/direct/bab21dd99f7f47a4b18c0b653543d590.png

https://i-blog.csdnimg.cn/direct/ea11dcfb9a21443ea7cfe8df35f321ab.png

Live Server

写前端时,能够实时展示最终的结果。

https://i-blog.csdnimg.cn/direct/93fdea54240e43179941724ba7434438.png

Thunder Client

https://i-blog.csdnimg.cn/direct/0cfec874f2e945389e239f074b9018f1.png

一个类似postman的非常轻量级的插件。

https://i-blog.csdnimg.cn/direct/c8b4878a41254f4889ca2ff7c5269ad6.png

CodeSnap

用于截图代码分享的一个插件,代码的规范很清晰明了。

https://i-blog.csdnimg.cn/direct/6dca376d00e1476ea5c0253c475b1400.png

https://i-blog.csdnimg.cn/direct/dc7f70b860704a72a8297e7475414d7a.png

Doxygen Documentation Generator

能够帮助我们快速写代码注释,写文档。

https://i-blog.csdnimg.cn/direct/0592db69c9a44b1184241b855c72bae7.png

扩展类

Vim

一个vim的模拟器。安装完成之后在vscode里面都变成了使用vim命令修改文件,可以进行配置。

https://i-blog.csdnimg.cn/direct/566b8cd517ca4ecfadfef24d11281aa2.png

Learn Vim

用于学习 Vim命令的插件。

https://i-blog.csdnimg.cn/direct/451a464e612a4a7992a929782a12b1ad.png

https://i-blog.csdnimg.cn/direct/02594a0b8e2e4c0a8835dd3cdbfd3ca8.png

Database Client

数据库连接工具,支持MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, Kafka, MongoDB, Snowflake, and ElasticSearch, and works as an SSH client, boost 的连接。

https://i-blog.csdnimg.cn/direct/68899fbdd86a440593ef1333eaabb557.png

  • 缺点免费版本支持3个连接

    https://i-blog.csdnimg.cn/direct/bd895c3a37094c43a34fa0a9d0ad63da.png

Remote - SSH

ssh连接,连接远程服务器或虚拟机

https://i-blog.csdnimg.cn/direct/d171d85a0f614a1da9daed31843fec15.png

git和项目管理类插件

GitLens — Git supercharged

git 插件,我经常用于提交代码 拉取代码 等操作。

https://i-blog.csdnimg.cn/direct/55f4ec940dfa4cb28a2be6a1e6316331.png

Git Graph

可以非常清晰的看到每个分支的提交变更日志。

https://i-blog.csdnimg.cn/direct/8ce86b0c58144279ac11faa6d392ebd4.png

https://i-blog.csdnimg.cn/direct/9e80ff17ff8a451d8a4e7283d8a1b4e6.png

Git History

专门用于查看文件历史提交记录、对比两个不同分支的文件目录等。

https://i-blog.csdnimg.cn/direct/e41f8e5815554949bbfc2edcebddcc04.png

Git Tree Compare

对比分支时,可视化工具好

  • 遇到过的问题

  • 假如对比的分支有新的文件,但是这个文件在我本次分支没有存在过,该文件可以不会出现。

https://i-blog.csdnimg.cn/direct/6f4db40609c74a2a8edf594b6410a795.png

Compare Folders

本地文件目录对比差异,能够像git一样和代码

https://i-blog.csdnimg.cn/direct/1ea6868fd41840d98788d9c981822146.png

https://i-blog.csdnimg.cn/direct/7396fb6c6a644ea6bb5505bd20ad7caa.png

https://i-blog.csdnimg.cn/direct/14685c36170943e2aac13d90d7d3d058.png

VScode 一些配置

参考文档: