Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>stylex-helperNew to Visual Studio Code? Get it now.
stylex-helper

stylex-helper

look

|
116 installs
| (0) | Free
some helpers of stylex
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

stylex-helper README

@music/tl-stylex 帮助工具

Demo

demo.gif

Configuration

// setting.json
{
  ...
  "stylex-helper.mappings": {
    "$assets": "",
    "$csshelperfile": "",
  },
  ...
}
属性 默认值 说明
$assets ${workspaceFolder}/src/assets 图片资源路径
$csshelperfile ${workspaceFolder}/node_modules/@music/tl-stylex/lib/stylexcsshelperargs.json csshelper 文件路径

Features

1. @music/tl-stylex 自定义函数hover时的参数列表展示

eg: $bg: filename, cover ...

原理:@music/tl-stylex 会生成一份 stylexcsshelperargs.json 文件,位于项目安装目录,stylex-helper 会读取该文件里的 key-value , hover 在 key 的时候展示 value 的值。

Requirements

  • @music/tl-stylex

Extension Settings

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

0.0.1

  1. javacript 语言监听

0.0.2

  1. 支持 js\jsx\ts\tsx

0.0.3

  1. 支持 $bg 路径提示

0.0.4

  1. 支持自定义函数快捷提示
  2. 优化文件路径提示

Following extension guidelines

Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.

  • Extension Guidelines

Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

  • Split the editor (Cmd+\ on macOS or Ctrl+\ on Windows and Linux).
  • Toggle preview (Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux).
  • Press Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets.

For more information

  • Visual Studio Code's Markdown Support
  • Markdown Syntax Reference

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft