热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用csscombforVSCode

如何解决《使用csscombforVSCode》经验,为你挑选了1个好方法。

我正在尝试VS Code几天,我已经安装了csscomb扩展.当我放入.csscomb.json我的工作目录时它工作正常.但我希望它甚至可以在我在工作目录之外打开的文件中工作.

你能告诉我如何配置VS Code和/或csscomb这样工作吗?我使用的是Windows 10 Pro.



1> Andrew Kirna..:

根据VS Code的市场上的csscomb 页面 ...

他们有"支持的设置"

csscomb.preset

类型:对象或字符串

Defaut:{}

配置名称.应该是以下之一:csscomb,zen,yandex或包含自定义配置配置路径的对象.

以下警告:

警告!

如果要在当前目录中指定文件,则路径必须以相对于当前目录的./或../开头.您也可以使用HOME目录作为〜符号.

换句话说,由于没有默认值,您必须设置预设配置或自定义配置的路径.

在VS代码中配置csscomb:

    转到文件>首选项>设置

    在右侧窗口中选择"用户设置"选项卡(全局应用配置)

    展开"CSScomb配置"的选项

    点击"csscomb.preset"左侧的铅笔

    点击"复制到设置"

    输入自定义配置的路径或选择预设

    {
        "csscomb.preset": "~/.vscode/.csscomb.json"
    }
    

    或者("csscomb","zen","yandex")之一

    {
        "csscomb.preset": "csscomb"
    }
    

接下来,您需要.csscomb.json在该位置创建文件.我选择了C:\ Users\username\.vscode目录,因为这是VS Code在Windows上下载扩展的地方.

这是我使用csscomb的配置生成器创建的配置:

{
    "always-semicolon": true,
    "color-case": "upper",
    "block-indent": "    ",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": false,
    "leading-zero": false,
    "quotes": "double",
    "sort-order-fallback": "abc",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true,
    "vendor-prefix-align": true
}

您还可以包含一个用于对标签进行排序的选项(或者在git上从其中一个预设中复制它):

{
    "sort-order": [
        [
            "font",
            "font-family",
            "font-size",
            "font-weight",
            "font-style"
        ],
        [
            "position",
            "z-index"
        ]
    ]
}

现在,您应该能够通过键入ctrl+shift+p然后键入"CSScomb" 来在VS Code中格式化CSS enter.

应该通过默认的格式化键盘快捷方式识别"Formatter"扩展名shift+alt+f,但是我没有让它工作.我认为这是开发人员必须配置的东西.

相反,您可以在VS代码中创建自己的键盘快捷方式:

    转到文件>首选项>键盘快捷键

    单击顶部的链接进行编辑 keybindings.json

    添加自定义键绑定

    {
        "key": "ctrl+shift+c",
        "command": "csscomb.execute"
    }
    

现在你应该全力以赴!


推荐阅读
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 本文详细介绍了Java中org.neo4j.helpers.collection.Iterators.single()方法的功能、使用场景及代码示例,帮助开发者更好地理解和应用该方法。 ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 本文详细介绍了IBM DB2数据库在大型应用系统中的应用,强调其卓越的可扩展性和多环境支持能力。文章深入分析了DB2在数据利用性、完整性、安全性和恢复性方面的优势,并提供了优化建议以提升其在不同规模应用程序中的表现。 ... [详细]
  • 在macOS环境下使用Electron Builder进行应用打包时遇到签名验证失败的问题,具体表现为签名后spctl命令检测到应用程序未通过公证(Notarization)。本文将详细探讨该问题的原因及解决方案。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Windows服务与数据库交互问题解析
    本文探讨了在Windows 10(64位)环境下开发的Windows服务,旨在定期向本地MS SQL Server (v.11)插入记录。尽管服务已成功安装并运行,但记录并未正确插入。我们将详细分析可能的原因及解决方案。 ... [详细]
  • 本文详细介绍了 GWT 中 PopupPanel 类的 onKeyDownPreview 方法,提供了多个代码示例及应用场景,帮助开发者更好地理解和使用该方法。 ... [详细]
  • 在 Windows 10 中,F1 至 F12 键默认设置为快捷功能键。本文将介绍几种有效方法来禁用这些快捷键,并恢复其标准功能键的作用。请注意,部分笔记本电脑的快捷键可能无法完全关闭。 ... [详细]
  • 计算机网络复习:第五章 网络层控制平面
    本文探讨了网络层的控制平面,包括转发和路由选择的基本原理。转发在数据平面上实现,通过配置路由器中的转发表完成;而路由选择则在控制平面上进行,涉及路由器中路由表的配置与更新。此外,文章还介绍了ICMP协议、两种控制平面的实现方法、路由选择算法及其分类等内容。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
author-avatar
yf_992258
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有