一、open in browser

open in browser是VScode的常用插件,它的作用是可以把编辑的HTML文件等用浏览器打开,查看效果。
快捷键【Alt+B】打开默认浏览器
快捷键【Alt+B】打开默认浏览器
二、vscode-icons

VSCode-Icons 是一个文件图片插件,可以为项目不同类型的文件赋予不同的图标。

三、 Easy LESS插件用来把less文件编译为css文件


如果英语水平有限,我们也可以修改为中文提示
-
操作步骤

效果展示

四、Auto Rename Tag

使用教程
Auto Rename Tag这是一个修改标签对的插件。
特征:
重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签
使用
在其中添加条目auto-rename-tag.activationOnLanguage以设置扩展名将被激活的语言。默认情况下,它将["*"]为所有语言激活。
{
"auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
}
本文分享了四个适用于VSCode的前端开发插件:1) open in browser,用于快速在浏览器中预览HTML文件;2) vscode-icons,提供丰富文件类型图标;3) Easy LESS,自动编译LESS到CSS;4) Auto Rename Tag,自动同步修改HTML标签对。
5085

被折叠的 条评论
为什么被折叠?



