跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

整理前端切图仔必装的6个VS Code扩展,CSS样式与标签一键生成

Emmet必须开启默认缩写和自动闭合标签,否则缩写如ul>li*3回车无响应、div不自动补闭合;Auto Rename Tag需排除data-class避免误改;Live Server需确认index.html在根目录;CSS Peek仅支持标准单类名;Bracket Pair Colorizer 2需关闭内置括号引导线;CSS类名提示需配置正确文件扩展名。 Emmet 为什么必须开默认缩写,而不是只用
!
生成 HTML5 模板 Emmet 不是“装了就能用”,默认关掉的
html.autoClosingTag
和
emmet.triggerExpansionOnTab
会让
div.item
回车没反应。真实切图场景里,你敲
ul>li*3
然后回车,结果光标卡在原地——其实是 VS Code 没把 Emmet 设为 Tab 触发模式。 实操建议: 立即学习 “ 前端免费学习笔记(深入) ”; 进设置搜
emmet trigger expansion on tab
,勾选它;否则所有缩写都得手动按
Ctrl+Enter
(Mac 是
Cmd+Enter
)
html.autoClosingTag
也必须开,不然写
不自动补闭合标签,手写

相关文章