热门标签 | 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的基本语法和功能。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 本文详细介绍了macOS系统的核心组件,包括如何管理其安全特性——系统完整性保护(SIP),并探讨了不同版本的更新亮点。对于使用macOS系统的用户来说,了解这些信息有助于更好地管理和优化系统性能。 ... [详细]
  • MySQL 数据库迁移指南:从本地到远程及磁盘间迁移
    本文详细介绍了如何在不同场景下进行 MySQL 数据库的迁移,包括从一个硬盘迁移到另一个硬盘、从一台计算机迁移到另一台计算机,以及解决迁移过程中可能遇到的问题。 ... [详细]
  • 本文探讨了Hive中内部表和外部表的区别及其在HDFS上的路径映射,详细解释了两者的创建、加载及删除操作,并提供了查看表详细信息的方法。通过对比这两种表类型,帮助读者理解如何更好地管理和保护数据。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文深入探讨 MyBatis 中动态 SQL 的使用方法,包括 if/where、trim 自定义字符串截取规则、choose 分支选择、封装查询和修改条件的 where/set 标签、批量处理的 foreach 标签以及内置参数和 bind 的用法。 ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • UNP 第9章:主机名与地址转换
    本章探讨了用于在主机名和数值地址之间进行转换的函数,如gethostbyname和gethostbyaddr。此外,还介绍了getservbyname和getservbyport函数,用于在服务器名和端口号之间进行转换。 ... [详细]
  • 解读MySQL查询执行计划的详细指南
    本文旨在帮助开发者和数据库管理员深入了解如何解读MySQL查询执行计划。通过详细的解析,您将掌握优化查询性能的关键技巧,了解各种访问类型和额外信息的含义。 ... [详细]
  • 本文介绍了如何通过 Maven 依赖引入 SQLiteJDBC 和 HikariCP 包,从而在 Java 应用中高效地连接和操作 SQLite 数据库。文章提供了详细的代码示例,并解释了每个步骤的实现细节。 ... [详细]
  • 在维护公司项目时,发现按下手机的某个物理按键后会激活相应的服务,并在屏幕上模拟点击特定坐标点。本文详细介绍了如何使用ADB Shell Input命令来模拟各种输入事件,包括滑动、按键和点击等。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • andr ... [详细]
  • Hadoop入门与核心组件详解
    本文详细介绍了Hadoop的基础知识及其核心组件,包括HDFS、MapReduce和YARN。通过本文,读者可以全面了解Hadoop的生态系统及应用场景。 ... [详细]
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社区 版权所有