VSCode前端最常用的插件(必备)

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

对于英文不好的开发者来说,汉化插件一定得有,否则使用的不习惯,想找配置都找不到。

Live Server

搭建一个简单的本地服务器,让开发者一边写代码,一边看效果,提高工作效率。

注:只有把项目文件放在“资源管理器”里才能用。

Dracula Official

这是一个风格插件,可有可无,全看开发者自己的喜好安装与否。当然还有很多风格插件,选款自己喜欢的就行。默认的也不错,全凭喜好。

vscode-icons

VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标,安装后很容易辨别出文件的类别,一目了然。

Prettier - Code formatter

强大的格式化代码插件,让代码条理错落有致,条理清晰,容易查阅与编写。极大提高工作效率。要百度配置教程。

Bracket Pair Colorizer 2

以不同颜色显示成对的括号,并用连线标注括号范围,简称彩虹括号。

Auto Close Tag

自动补全 html 标签。

Auto Rename Tag

修改 html 标签,自动帮你完成尾部闭合标签的同步修改。

CSS Peek

可以让你把鼠标放在类名的时候,能自动地跳到 css 文件对应类名的地方。

Path Intellisense

智能路径提示,可以在你输入文件路径时智能提示。

HTML CSS Support

智能提示CSS类名以及id。

HTML Snippets

智能提示HTML标签,以及标签含义。

HTMLHint

工具可以对 HTML 代码做静态代码检查,从而保证 HTML 代码的规范和质量。要百度配置教程。

indent-rainbow

高亮(每行代码之前的)缩进。

Code Translate

鼠标悬浮,滑词翻译插件

px to rem & rpx & vw (cssrem)

px转rem单位插件。适合做移动端开发的。

注:只有把项目文件放在“资源管理器”里才能用。

filesize

显示文件大小插件。在软件左下角显示。

Bootstrap 5 Quick Snippets

该扩展提供了Bootstrap 5片段,快速查找录入。比较适合使用bootstrap框架的前端开发者。

以上不少插件安装后需要进行配置,可以百度相关配置教程,有空会补齐的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容