0

0

推荐二十七个vscode有用插件,一起安装吧!

醉折花枝作酒筹

醉折花枝作酒筹

发布时间:2021-04-21 18:26:03

|

8038人浏览过

|

来源于CSDN

转载

本篇文章给大家介绍一下vscode中有用的插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

推荐二十七个vscode有用插件,一起安装吧!

Python

提供了代码分析,高亮,规范化等很多基本功能

python

vscode-icons

各种漂亮图标

vscode-icons
点击这里设置图标

点击这里设置图标
然后选vscode-icons

选择 vscode-icons

 filesize

左下角显示文件大小的插件

filesize
filesize显示效果

Bracket Pair Colorizer

成对的彩色括号彩色括号

Settings Sync

可以同步 VS Code设置同步到 GitHub 账号,包括 setting 文件和插件设置等等,重新配置VS Code的时候只需同步一下即可。安装完成后,只需要新增一个Github token,添加后,剩下的根据个人喜好进行配置,其他的插件自动帮你完成。
Settings Sync
这里需要说一下的是很多不负责任的博文在选择 token权限的时候说让全选,其实是很危险的行为。我一开始也感觉哪里怪怪的,因为要安装的插件很多,也没有太细究,直到我需要在另一台电脑上同步VS Code 设置的时候,点开了 Setting Sync 的官网看了看才发现,哪里需要那么多权限,只需要一个权限就好。如下图
Setting Sync

Atom-Material
一款安卓风的颜色主题,推荐使用推荐的字体设置。

"editor.fontSize": 16, "editor.fontWeight": "400", "editor.lineHeight": 24, "editor.letterSpacing": 0.5

 Atom-Material
推荐设置的显示效果

设置后的显示效果

Path Autocomplete

自动感知目录下的文件,自己选择就好。

注意: VSCode本身也支持路径的感知,需要配置好用系统自带的还是用这个插件,否则,每个路径下的条目都会有两份。
Path Autocomplete

8. Import Cost

在行尾显示导入的包的大小

这个好像只支持JavaScript。
Import Cost

Indent-Rainbow

带颜色的缩进

Indent-Rainbow
缩进效果

锁紧效果

GitLens

能显示每一行代码的作者以及提交时间。

GitLens
效果

GitLens使用效果

Git history

Git 历史

Git History

Color Highlight

直观显示在 css/web 中定义的颜色

Color Hightlight

Quokka.js

实时执行 JavaScript 代码(做快速的 demo 很有用)

Quokkia.js

Code Runner

Lifetoon
Lifetoon

免费的AI漫画创作平台

下载

立刻运行代码

Code Runner

Vetur

Vue 工具插件

Vetur

Live server

实时显示网页情况

Live server

Python indent

自动纠正 Python 缩进

Python Indent

vscode-fileheader

头部注释添加/更新插件

vscode-fileheader

TODO Highlight

高亮显示备注中的 TODO 事项,推荐配合 第19个插件, Todo Tree 使用

TODO Highlght

Todo Tree

点击左侧栏“树”的logo,显示 TODOList 条目,点击相应的条目,可以打开文件并定位到 TODO 行。

Auto Close Tag

自动写关闭标签的插件

在这里插入图片描述

Auto Rename Tag

自动重命名关闭标签

Auto Rename Tag

Polacode

代码段生成图片

Polacode

Guides

比 VS Code自带的更好的参考线,可自定义

Guides

 Color Info

显示css中的颜色属性信息

Color Info

Regex Previewer

正则结果预览插件

Regex Previewer

Mithril Emmet

注意:其实vscode 内置了Emmet插件
高效编写 HTML、CSS 代码的插件,能快速输入大部分内容
 Mithril Emmet

比如,在编辑 HTML 文件时,输入tr*2>td*3,然后回车,就能快速生成一个两行三列的表格标签。

在这里插入图片描述
在这里插入图片描述

推荐学习:《vscode教程

相关专题

更多
python开发工具
python开发工具

php中文网为大家提供各种python开发工具,好的开发工具,可帮助开发者攻克编程学习中的基础障碍,理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容,供大家免费下载使用。

755

2023.06.15

python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

636

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

759

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

618

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

1262

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

547

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

577

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

707

2023.08.11

Golang gRPC 服务开发与Protobuf实战
Golang gRPC 服务开发与Protobuf实战

本专题系统讲解 Golang 在 gRPC 服务开发中的完整实践,涵盖 Protobuf 定义与代码生成、gRPC 服务端与客户端实现、流式 RPC(Unary/Server/Client/Bidirectional)、错误处理、拦截器、中间件以及与 HTTP/REST 的对接方案。通过实际案例,帮助学习者掌握 使用 Go 构建高性能、强类型、可扩展的 RPC 服务体系,适用于微服务与内部系统通信场景。

8

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.5万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号