!!震惊 安装这26个插件竟让开发者再也离不开Visual Studio Code

12,433 阅读6分钟

找一个优秀的编辑器,是每个程序员上路前的必考题。而在众多编辑器中,VSCode无疑是一个人人皆知、备受推崇的神器。但是,你所熟知的VSCode是否也意味着你使用了比其他工具更好用的插件呢?在这篇文章中,我将为大家介绍一些不可或缺的插件,让你在使用VSCode时更加得心应手,锦上添花!💻🎉

编程类

Python

第一个当然是我们的Python了。

Python链接地址 Python.png python.gif

Pylance

Pylance一款由Microsoft开发的Visual Studio Code(VS Code)插件,它提供了更好的Python语言支持和代码智能提示。

Pylance链接地址 Pylance.png all-features.gif

python snippets

python snippets一款由Don Jayamanne开发的Visual Studio Code(VS Code)插件,它提供了大量的Python代码片段,可以帮助您更快地编写Python代码。

python snippets链接地址 pythonsnippets.png python_snippets.gif

HTML Boilerplate

HTML Boilerplate是一款由sidthesloth92开发的Visual Studio Code(VS Code)插件,它提供了一个HTML文件模板,可以帮助您更快地创建HTML文件。

HTML Boilerplate链接地址 html5-boilerplate.png html_boilerplate_1_0_3.gif

HTML CSS Support

HTML CSS Support是由Jun Han开发的VS Code插件,它为HTML和CSS代码提供智能提示和自动完成功能,支持Emmet缩写,可以帮助您更快地编写HTML和CSS代码,从而提高编码效率。

HTML CSS Support链接地址 html-css.png html-css2.png

CSS Peek

CSS Peek是一款由Pranay Prakash开发的VS Code插件,它可以帮助开发者快速查看和编辑CSS样式。

CSS Peek链接地址 css-peek.png working.gif

效率类

Better Comments

Better Comments是由Aaron Bond开发的VS Code插件,它可以让您在代码中使用更加丰富、更加有意义的注释。

Better Comments链接地址 better-comments.png better-comments2.png

TodoTree

TodoTree是一款由Gruntfuggly开发的VS Code插件,它可以帮助开发者快速查看和管理代码中的TODO、FIXME、NOTE等注释。

TodoTree链接地址 todo-tree.png TodoTree

Auto Close Tag

Auto Close Tag是由Jun Han开发的VS Code插件,它可以在您输入HTML、XML、XSL等标记语言的标签时自动关闭标签。当您输入左尖括号时,它会自动补全右尖括号,并将光标放在中间,方便输入标签内容。

Auto Close Tag链接地址 auto-close-tag.png auto_close.gif

Import Cost

Import Cost是一款由Wix开发的VS Code插件,它可以帮助开发者在编写代码时,快速查看导入的模块的大小和体积。

Import Cost链接地址 Import-Cost.png import-cost2.png

Path Intellisense

Path Intellisense是一款由Christian Kohler开发的VS Code插件,它可以帮助开发者快速输入文件路径和模块路径。

Path Intellisense链接地址 path-intellisense.png Path Intellisense

Code Runner

Code Runner是一款由Jun Han开发的VS Code插件,它可以让你在VS Code中直接运行代码,支持多种编程语言,包括Python、Java、C++、JavaScript等等。

Code Runner链接地址 code-run.png code_run.gif

Git Graph

Git Graph是一款由Mhutchie开发的VS Code插件,它可以让你在VS Code中直观地查看和管理Git仓库的提交历史和分支关系。

Git Graph链接地址 git-graph.png git_graph.gif

GitLens — Git supercharged

GitLens - Git supercharged是Eric Amodio开发的一款VS Code插件,它可以为您的Git仓库提供更多的信息和功能。它可以让您更方便地查看和理解代码的版本历史,帮助您更好地管理和协作代码项目。

GitLens — Git supercharged链接地址 gitlens.png gitlens2.png

git-commit-plugin

git-commit-plugin 一款由Redjue开发的Git-Commit规范化插件,该插件支持多种提交情况如: 🎉 init:项目初始化 ✨ feat:添加新特性 🐞 fix:修复BUG 🌈 style:修改样式 🦄 refactor:代码重构 🎈 perf:优化相关 🧪 test:增加测试用例 🔧 build:依赖相关的内容 🐎 ci:ci配置相关 🐳 chore:改变构建流程 ↩ revert:回滚版本

git-commit-plugin链接地址 git-commit-plugin.png git_common.gif

koroFileHeader

koroFileHeader是由一位名叫 Koro 的开发者,帮助用户在文件开头添加规范的注释信息,提高代码的可读性和质量。

koroFileHeader链接地址 korofileheader.png koroFileHeader

美化插件

👉 Emoji File Icons 👈

Emoji File Icons是一款VS Code插件,它可以为文件和文件夹添加可爱的表情符号图标,从而使文件夹和文件更加易于识别和区分。该插件提供了多种表情符号图标,例如:📁、📄、📑、📝、📂。

👉 Emoji File Icons 👈链接地址 emoji.png emoji_file.png

Power Mode

Power Mode是由Joel Besada开发的一款插件,它可以为您的编码体验添加一些视觉效果,使您的编码过程更加有趣和刺激。

Power Mode链接地址 vscode-power-mode.png

power_mode.gif

CodeSnap

CodeSnap是由Kufii开发的一款用于对代码的进行截图和共享。屏幕截图可以用文本或形状进行注释,并通过链接共享或包含在网站或文档中。

CodeSnap链接地址 CodeSnap.png CodeSnap

Code Spell Checker

Code Spell Checker是由 Street Side Software,这是一家专注于开发 VS Code 插件的公司,它可以帮助开发者在编写代码的过程中避免拼写错误,提高代码的可读性和质量。

Code Spell Checker链接地址 code-spell-checker.png code.gif

Prettier - Code formatter

Prettier是由作者James Long 开发的一个自动化代码格式化工具,它可以帮助你更好地组织和美化你的代码。它支持多种编程语言,并且可以与VSCode完美兼容。

Prettier - Code formatter链接地址 prettier.png prettier2.png

推荐插件

Remote Development

Remote Development 是 Visual Studio Code 的一项功能,它可以让开发者在本地使用 VS Code 远程连接到远程计算机、容器或 WSL 等环境中进行开发。

Remote Development链接地址 remote-extensionpack.png remote.gif

open in browser

Open in Browser是由作者TechER开发的一款非常实用的VSCode插件,它可以帮助你快速地在浏览器中打开你的HTML、CSS、JS等文件。

open in browser链接地址 open-in-browser.png open in browser open in browser

Live Server

Live Server插件是由作者Ritwick Dey开发,你可以在本地快速预览你的HTML、CSS、JS等文件,并且支持自动刷新页面,让你的开发更加高效。只需在VSCode中右键点击文件,选择Open with Live Server即可启动静态服务器。

Live Server链接地址 LiveServer.png server.gif

Local History

Local History是由作者Jun Han开发的一款VSCode插件,它可以自动记录你的文件修改历史,包括文件的创建、修改、删除等操作,并且支持查看历史记录、恢复历史版本等功能。

Local History链接地址 local-history2.png local-history.png

LeetCode

LeetCode想必大家应该都熟知了吧。该插件可以实现在vscode本地刷题,非常的隐蔽😁

LeetCode链接地址 leetcode.png leecode.gif

    以上都是作者实际使用后为大家推荐,整理不易别忘记点赞+收藏🤣