VScode前端真实工作场景插件整理

文章列举了一系列提高VScode使用体验的插件,包括中文语言包、Ayu主题、自动补全插件如AutoFileName和Tabnine,代码验证工具ESLint,以及Vue开发必备的VueLanguageFeatures等。此外,还介绍了用于代码格式化、Git操作增强、Markdown预览和服务器运行HTML的功能性插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. Chinese (Simplified)

将VScode转化为中文
在这里插入图片描述

2.Ayu

VScode皮肤,是我用过最顺眼的一套皮肤
在这里插入图片描述安装完后可以在主题里进行选择
在这里插入图片描述
在这里插入图片描述

3.AutoFileName

自动联想补全import和require的名字
在这里插入图片描述

4.Code Runner

可以在Vscode里运行js文件代码,调试刷算法必备,需要安装node
在这里插入图片描述安装后鼠标右键即可使用
在这里插入图片描述

5.ESLint

代码效验(有时候会报莫名错误,但要习惯使用,因为进公司是必用的)
在这里插入图片描述

6.GitLens — Git supercharged

可以根据git看代码改动人员
在这里插入图片描述比如
在这里插入图片描述

7.Image preview

可以在VScode看到引入的图片
在这里插入图片描述例如
在这里插入图片描述

8.indent-rainbow

可以看到代码缩进
在这里插入图片描述

9.Live Server

可以以服务器的形式在浏览器上运行html(小白会用的多,工作可能用不上)
在这里插入图片描述

8.Markdown Theme Kit

可以更好地观看项目的Markdown文档
在这里插入图片描述

9.Prettier - Code formatter

代码格式化
在这里插入图片描述

10.Vue Language Features (Volar)

这个vue开发者必备,代码高亮等等
在这里插入图片描述

11.Tabnine AI Autocomplete for Javascript, Python

代码智能联想补全,不过没有OpenAI Helper智能,但是免费,能用就行,哈哈哈哈
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值