ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

CSS 扩展补全

subhaze 所有

CSS 补全,LESS 补全,SCSS 补全

详细信息

安装次数

  • 总计 105K
  • Win 72K
  • Mac 21K
  • Linux 13K
2022年8月6日 2022年8月5日 2022年8月4日 2022年8月3日 2022年8月2日 2022年8月1日 2022年7月31日 2022年7月30日 2022年7月29日 2022年7月28日 2022年7月27日 2022年7月26日 2022年7月25日 2022年7月24日 2022年7月23日 2022年7月22日 2022年7月21日 2022年7月20日 2022年7月19日 2022年7月18日 2022年7月17日 2022年7月16日 2022年7月15日 2022年7月14日 2022年7月13日 2022年7月12日 2022年7月11日 2022年7月10日 2022年7月9日 2022年7月8日 2022年7月7日 2022年7月6日 2022年7月5日 2022年7月4日 2022年7月3日 2022年7月2日 2022年7月1日 2022年6月30日 2022年6月29日 2022年6月28日 2022年6月27日 2022年6月26日 2022年6月25日 2022年6月24日 2022年6月23日 2022年6月22日
Windows 1 1 4 2 1 2 0 1 0 0 2 1 0 2 1 2 0 2 0 1 5 1 2 2 0 2 1 0 0 2 0 2 0 0 0 1 2 0 2 1 0 1 0 1 1 0
Mac 1 2 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 3 0 0 0 0 0 0 0 2 0 0 0 0 1
Linux 0 0 0 0 0 0 0 0 0 0 1 0 0 2 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 1

README.md

源代码
raw.​githubusercontent.​com

CSS 扩展补全

Sublime Text 2/3


问题报告

提交工单时请包含以下信息 - Sublime Text 版本 - 操作系统 - 在 Sublime Text 控制台中找到的任何相关错误(如果找不到相关错误,请说明未在控制台中发现错误)。

此插件处于 beta 质量阶段,因此请在这里报告遇到的问题: https://github.com/subhaze/CSS-Extended/issues?state=open


功能

  • CSS 类补全在 HTML 类属性(class="|")和 CSS 文件中
  • ID 补全在 HTML id 属性(id="|")和 CSS 文件中
  • LESS 变量和混合补全(带有参数化的标签停止)
  • SCSS 变量和混合补全(带有参数化的标签停止)
  • CSS 文件内的元素补全
  • CSS 文件内的伪选择器补全
  • font-family: 属性内的字体堆栈补全
  • CSS 文件内的属性/值补全列表更加更新
  • 解析 HTML 文件中的链接样式表,可以禁用 index_linked_style_sheets 设置

使用方法

从侧边栏菜单加载文件

您可以从侧边栏添加文件,只需在文件夹上右键单击并选择通过 CSS Extended Completions > [file type(s)] 要加载的文件类型。

这不是递归过程,因此,仅处理文件夹中的直接文件,子文件夹不处理。


保存时缓存

在文档保存时缓存补全

  • 如果文档是 .css 文件(独立文件),它将向主项目索引添加找到的任何符号。

  • 如果文档是.html、.php等文件,它将解析该文件并提取样式标签中找到的任何类/ID,并且只显示该文件中以及主项目缓存中的补全项。


加载外部文件

您可以通过load_external_files设置从项目外部的文件夹中急于加载文件。

示例:"load_external_files": ["/abs/path/to/css/*.css", "/abs/path/to/less/*.less"]


删除缓存文件

您可以通过命令面板的CSS Completions: Delete Cache命令删除缓存。


修剪缓存文件

您可以通过命令面板的CSS Completions: Prune Cache命令移除缓存中缺失的/移动的文件。


属性/值补全

box-sizing、为font-family提供的额外字体名称、animationflex-box等的属性/值补全。


Emmet 支持

默认情况下启用Emmet支持,您只需将以下内容添加到用户设置中

"auto_complete_selector": "source - comment, meta.tag - punctuation.definition.tag.begin, text.html.basic"

没有Emmet?没有问题,默认启用不会有任何问题。
仍然想禁用Emmet支持?请在用户包设置中设置"use_emmet": false,或从菜单Preferences > Package Settings > CSS Extended Completions使用Use Emmet开关。


CSS补全示例


伪选择器补全


扩展属性值补全


在类属性内的类补全


在CSS范围内的类补全

LESS补全示例


混合补全,带有参数化混合选项卡顺序

SCSS补全示例


混合补全,带有参数化混合选项卡顺序