Nodejs Sublime 的 HTML-CSS-JS prettify 如何支持.vue 中的 stylus？

发布于 1周前 作者 yibo5220 来自 nodejs/Nestjs

Nodejs Sublime 的 HTML-CSS-JS prettify 如何支持.vue 中的 stylus？
将 vue 配置到 html 的 allowed_file_extensions 中后，格式化后会将 Stylus 格式的 css 样式格式化错误，有使用 Sublime 的同学么，如何配置呢？ 还是用其他什么插件？

Harmonyos Next教程
1 回复

在Node.js环境下使用Sublime Text对.vue文件中的Stylus进行美化（prettify），可以通过配置Sublime Text的插件和一些自定义设置来实现。以下是一个基本的步骤指南：

  1. 安装必要的插件：

    • 确保你已经安装了Sublime Text的Vue Syntax Highlight插件，以支持.vue文件的语法高亮。
    • 安装JSPrettier插件，用于代码美化。

  2. 配置JSPrettier以支持Stylus：

    • JSPrettier默认支持多种语言，包括JavaScript、CSS、HTML等，但对于Stylus可能需要一些额外配置。
    • 在Sublime Text中，打开JSPrettier的用户设置（Preferences > Package Settings > JSPrettier > Settings - User），添加以下配置来指定Stylus的美化器（prettier本身不直接支持Stylus，但可以通过配置其他工具链来实现，这里假设你已经有了一个Stylus美化工具）：
    {
  "prettier_cli_path": "/path/to/your/prettier-or-compatible-tool",
  "custom_arguments": {
    "parser": "stylus",  // 假设美化工具支持stylus作为参数
    // 其他自定义参数...
  }
}

  3. 确保.vue文件中的<style lang="stylus">块被正确识别：

    • Vue文件的<style>标签内可以通过lang="stylus"来指定使用Stylus语法。
    • 确保你的编辑器或插件能够识别并应用相应的美化规则。

由于Prettier原生不支持Stylus，上述步骤可能需要一些自定义脚本或工具链来桥接。如果Stylus美化是核心需求，考虑使用专门支持Stylus的编辑器或IDE，如VS Code配合相应插件。

回到顶部