手把手教你如何调教你的Visual-Studio-Code插件

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

编程类

Python

第一个当时是我们首当其冲的Python了,这个无需多

Python链接地址
Python.pngpython.gif

Pylance

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

Pylance链接地址
Pylance.pngall-features.gif

python snippets

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

python snippets链接地址
pythonsnippets.pngpython_snippets.gif

HTML Boilerplate

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

HTML Boilerplate链接地址
html5-boilerplate.pnghtml_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.pnghtml-css2.png

CSS Peek

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

CSS Peek链接地址
css-peek.pngworking.gif

效率类

Better Comments

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

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

TodoTree

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

TodoTree链接地址
todo-tree.pngTodoTree

Auto Close Tag

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

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

Import Cost

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

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

Path Intellisense

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

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

Code Runner

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

Code Runner链接地址
code-run.pngcode_run.gif

Git Graph

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

Git Graph链接地址
git-graph.pnggit_graph.gif

GitLens — Git supercharged

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

GitLens — Git supercharged链接地址
gitlens.pnggitlens2.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.pnggit_common.gif

koroFileHeader

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

koroFileHeader链接地址
korofileheader.pngkoroFileHeader

美化插件

? Emoji File Icons ?

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

? Emoji File Icons ?链接地址
emoji.pngemoji_file.png

Power Mode

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

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

power_mode.gif

CodeSnap

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

CodeSnap链接地址
CodeSnap.pngCodeSnap

Code Spell Checker

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

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

Prettier – Code formatter

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

Prettier – Code formatter链接地址
prettier.pngprettier2.png

推荐插件

Remote Development

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

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

open in browser

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

open in browser链接地址
open-in-browser.pngopen in browseropen in browser

Live Server

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

Live Server链接地址
LiveServer.pngserver.gif

Local History

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

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

LeetCode

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

LeetCode链接地址
leetcode.pngleecode.gif

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MYln5lEo' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片