Sublime Text 可通过 AutoFileName 和 CSS Class Completions 插件实现 HTML 中已定义 CSS 类名的自动补全：前者辅助定位 CSS 文件路径，后者从项目 CSS/SCSS/LESS 文件提取类名并支持 BEM 风格，需手动刷新缓存。
Sublime Text 默认不直接读取项目中的 CSS 文件来补全 HTML 里的 class 值，但可以通过插件和简单配置实现“在 HTML 中自动补全已定义的 CSS 类名”。
它本身不补全 CSS 类名，但为后续插件打基础，且能帮你快速定位 CSS 文件路径：
link 标签中写 href="css/，会自动列出 css/ 目录下的文件这是专为 HTML 中补全 CSS 类名设计的轻量插件，支持从项目内所有 .css、.scss、.less 文件中提取类名：
class="" 或 class='' 内，输入字母（如 btn），按下 Ctrl+Space（或自动触发）即可看到匹配的类名.header .nav-item），也识别 BEM 风格（btn__icon、btn--primary）该插件不会实时监听文件变化，类名更新后需手动重建缓存：
立即学习“前端免费学习笔记（深入）”；
node_modules 或深层子目录），可在插件设置中添加 include_dirs 路径Emmet 本身不读取你的 CSS，但可以和类名补全共存：
div.btn-primary + Tab → 生成 <div class="btn-primary"></div>
class="..." 内时，仍可按 Ctrl+Space 呼出 CSS Class Completions 补全建议class 属性里用 Emmet 语法（如 .btn.m-2），那只是 Emmet 展开，不是真实类名补全基本上就这些。不需要配置语言服务或启动本地服务器，轻量、离线、响应快。适合中小型项目或习惯 Sublime 快节奏开发的用户。
以上就是sublime怎么在HTML中自动补全CSS类名？ (CSS Completions)的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
406
收藏
