您好,欢迎访问一九零五行业门户网

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

本篇文章给大家介绍一下vscode中有用的插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
python
提供了代码分析,高亮,规范化等很多基本功能
vscode-icons
各种漂亮图标
点击这里设置图标
然后选vscode-icons
filesize
左下角显示文件大小的插件
bracket pair colorizer
成对的彩色括号
settings sync
可以同步 vs code设置同步到 github 账号,包括 setting 文件和插件设置等等,重新配置vs code的时候只需同步一下即可。安装完成后,只需要新增一个github token,添加后,剩下的根据个人喜好进行配置,其他的插件自动帮你完成。
这里需要说一下的是很多不负责任的博文在选择 token权限的时候说让全选,其实是很危险的行为。我一开始也感觉哪里怪怪的,因为要安装的插件很多,也没有太细究,直到我需要在另一台电脑上同步vs code 设置的时候,点开了 setting sync 的官网看了看才发现,哪里需要那么多权限,只需要一个权限就好。如下图
atom-material
一款安卓风的颜色主题,推荐使用推荐的字体设置。
editor.fontsize: 16, editor.fontweight: 400, editor.lineheight: 24, editor.letterspacing: 0.5
推荐设置的显示效果
path autocomplete
自动感知目录下的文件,自己选择就好。
注意: vscode本身也支持路径的感知,需要配置好用系统自带的还是用这个插件,否则,每个路径下的条目都会有两份。
8. import cost
在行尾显示导入的包的大小
这个好像只支持javascript。
indent-rainbow
带颜色的缩进
缩进效果
gitlens
能显示每一行代码的作者以及提交时间。
效果
git history
git 历史
color highlight
直观显示在 css/web 中定义的颜色
quokka.js
实时执行 javascript 代码(做快速的 demo 很有用)
code runner
立刻运行代码
vetur
vue 工具插件
live server
实时显示网页情况
python indent
自动纠正 python 缩进
vscode-fileheader
头部注释添加/更新插件
todo highlight
高亮显示备注中的 todo 事项,推荐配合 第19个插件, todo tree 使用
todo tree
点击左侧栏“树”的logo,显示 todolist 条目,点击相应的条目,可以打开文件并定位到 todo 行。
auto close tag
自动写关闭标签的插件
auto rename tag
自动重命名关闭标签
polacode
代码段生成图片
guides
比 vs code自带的更好的参考线,可自定义
color info
显示css中的颜色属性信息
regex previewer
正则结果预览插件
mithril emmet
注意:其实vscode 内置了emmet插件
高效编写 html、css 代码的插件,能快速输入大部分内容
比如,在编辑 html 文件时,输入tr*2>td*3,然后回车,就能快速生成一个两行三列的表格标签。
推荐学习:《vscode教程》
以上就是推荐二十七个vscode有用插件,一起安装吧!的详细内容。
其它类似信息

推荐信息