CSS3
Sublime Text中最完整的CSS支持
详情
安装量
- 总数 500K
- Win 363K
- Mac 78K
- Linux 59K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 18 | 14 | 18 | 13 | 20 | 17 | 11 | 14 | 16 | 10 | 8 | 16 | 15 | 12 | 19 | 11 | 8 | 8 | 9 | 11 | 17 | 31 | 13 | 12 | 11 | 11 | 11 | 13 | 25 | 18 | 10 | 10 | 15 | 17 | 16 | 15 | 13 | 15 | 12 | 11 | 12 | 20 | 20 | 15 | 14 | 11 |
Mac | 4 | 2 | 0 | 1 | 5 | 1 | 1 | 2 | 7 | 0 | 1 | 0 | 4 | 1 | 1 | 5 | 1 | 2 | 1 | 5 | 3 | 3 | 0 | 3 | 3 | 2 | 0 | 1 | 6 | 2 | 2 | 0 | 0 | 5 | 2 | 1 | 3 | 0 | 1 | 3 | 6 | 1 | 1 | 5 | 1 | 1 |
Linux | 0 | 2 | 2 | 2 | 1 | 1 | 0 | 2 | 2 | 2 | 4 | 3 | 3 | 5 | 3 | 2 | 1 | 3 | 6 | 3 | 2 | 6 | 4 | 2 | 2 | 4 | 1 | 4 | 3 | 6 | 2 | 4 | 1 | 1 | 4 | 3 | 3 | 3 | 2 | 1 | 2 | 2 | 3 | 7 | 2 | 1 |
自述文件
CSS3
Sublime Text中最完整的CSS和PostCSS-cssnext支持。
特性
- 极其完整:我挖掘了整个草案规范集,支持了所有内容。一些内容在几年内可能不会在浏览器中实现。如果规范中有它,就支持它。
- 适应未来:完全支持PostCSS-cssnext。如果你使用cssnext,可以使用未来派的CSS,比如...
- 嵌套
- 自定义选择器
- 自定义属性
- 自定义媒体查询
- CSS模块
- 更多内容
- 高效:提供属性、描述符、@-rules、函数和选择器的完整补全集。补全非常具体,针对你所编写的内容。
- 现代化:标记了糟糕的旧CSS。不必要的已添加前缀的属性不会被突出显示。捕捉大量的错误。鼓励最佳实践。
- 忠实:非常紧密地遵循W3C规范。
- 快速:CSS3是为Sublime的新自定义正则表达式引擎设计的,速度极其快。语法高亮通常小于100ms,即使是大型CSS文件也是如此。
前后对比
安装
- 安装包管理控制
安装CSS3
平台 安装命令 Mac cmd+shift+p
→ 包管理控制:安装包 → CSS3Linux/Windows ctrl+shift+p
→ 包管理控制:安装包 → CSS3(必需) 禁用默认CSS包
平台 禁用命令 Mac cmd+shift+p
→ 包管理控制:禁用包 → CSSLinux/Windows ctrl+shift+p
→ 包管理控制:禁用包 → CSS确保你没有将任何打开的文件设置为默认CSS语法(右下角),否则可能会收到错误消息。
(强烈推荐) 启用补全内的补全
默认情况下,Sublime 不会在完成项中再提供完成选项。换句话说,当你通过缩略片段进行制表符时,完成菜单会被抑制。这防止了许多CSS3完成选项的显示。将以下键添加到您的用户设置中即可修复此问题
"auto_complete_commit_on_tab": true, "auto_complete_with_fields": true,
(推荐) 从Emmet中隐藏CSS完成项
如果您已安装Emmet,它的完成项会淹没这个包提供的经过仔细研究的基于标准的完成项。您可以通过将此行添加到您的Emmet包设置中仅隐藏CSS的Emmet完成项。“json "abbreviation_preview"":"markup"
(推荐) 将CSS3设置为默认语言
- 打开一个
.css
文件。 - 视图 → 语法 → 以当前扩展名打开为... → CSS3
- 打开一个
最佳实践
- 始终在
中使用引号
。未加引号的URL故意不进行高亮。
帮助我!
如果您认为缺少某些内容,请确保您不是在这张坏CSS属性列表中请求。如果它不在该列表中,请提交一个issue,我会进行调查。务必在提交PR之前查看CONTRIBUTING指导方针。这可能会为您节省大量的时间。我会监控这个W3C订阅源上的规范更新,但我仍然需要您的帮助。让我们一起将坏代码排除在Web之外!