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框架的前端开发者。
以上不少插件安装后需要进行配置,可以百度相关配置教程,有空会补齐的。