stylus-assist

项目启动时间 2018.2.24

帮助vue.js开发者 编辑 stylus 样式， 适用于 vue.js 的单文件组件。

获取Plugin

直接从 idea 插件仓库中搜索 Stylus Assist。

技术交流

因为下载量达到30k+，重新组建 Stylus Assist 的交流QQ群：807838852，加群备注 Github 看到。

快捷键

windows: Alt + insert, Mac: control + Enter

注意：可以在 keymap 中配置自己喜欢的快捷键，后续如果可以将默认自动设置好快捷键（InsertClass: command + ; PasteCss: control + option + v）。

最近更新

• 2024.01.31 2.3.2 提高兼容版本号到 241.*
• 2023.09.01 2.3.0 由于 sdk 升级导致启动时的报错，最低兼容版本提升到 222(2022.2.5)
• 2023.08.31 2.2.0 InsertClass 如果检测到光标在 "|" 位置，则自动补充一个 $style.
• 2022.11.21 2.1.2 chore: Just update version.
• 2022.11.11 2.1.1 InsertClass 默认绑定快捷键 [ctrl/cmd + \]。
• 2022.08.31 2.1.0 InsertClass 插入 class 时不再添加缩进。如果还需要缩进，可以下载 2.0.7 版本。

PS

关于标准 class 名称是 .a-b-c 还是 .aBC 以往就一直存在争议，现在给出一些拙见：css modules 情况下，$style.xxx 驼峰更加符合编程思想同时也更加简洁；非 css modules 情况下，建议用 .a-b-c，另外 驼峰式 的 class 可以直接Ctrl/Command+鼠标左键 跳转到对应的 css class

如果还想保持 .a-b-c 可以点击下载 2.0.0 版本

功能介绍

简体中文

• GoCss
  • 跳转到样式
    • .vue 文件
    • .pug 跳转到 .styl 文件
  • 新增样式
    • 没有匹配的样式 创建标准格式class名称，例如：$style.aBC => .aBC
• PasteCss 格式化从其他地方复制的样式（不包含class或id等css选择器）
  • margin:0; => margin 0
• InsertClass 在style标签的最后，插入新的样式class，致力于编写代码时，快速插入以提高编码效率。
  • .newClass

  • |(光标定位于这里)
    

  • </style>

English

• GoCss
  • Jump to stylus css
    • .vue file
    • .pug jump to .styl file
  • New class mode
    • If plugin can not find selected class,it will think you want to create a new class,such as：$style.aBC => .aBC
• PasteCss format some css(don't contains class or other css selectors) you copy from another place, such as chrome or files
  • margin:0; => margin 0
• Insert class into zhe last of style-tag
  • .newClass

  • |
    

  • </style>

获取帮助以及建议

QQ:11563928

更新日志

• 2.3.2 提高兼容版本号到 241.*
• 2.3.0 由于 sdk 升级导致启动时的报错，最低兼容版本提升到 222(2022.2.5)
• 2.2.0 InsertClass 如果检测到光标在 "|" 位置，则自动补充一个 $style.
• 2.1.1 InsertClass 默认绑定快捷键 [ctrl/cmd ]
• 2.1.0 InsertClass 插入 class 时不再添加缩进。如果还需要缩进，可以下载 2.0.7 版本。

归档的日志

CHANGELOG_ARCHIVED.md

给我买杯咖啡 Buy me a coffee