Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Style HelperNew to Visual Studio Code? Get it now.
Style Helper

Style Helper

supaurworks-team

|
263 installs
| (0) | Free
轻松编写样式。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Style Helper

简体中文 | English

更轻松地编写样式。

支持 css、scss、less、vue、jsx、tsx文件相关class与style的编写。

  • 编写 class 时公共样式的智能提示,可自定义公共样式文件地址;
  • 编写 scss 或 less 时变量的智能提示,可自定义 scss 或 less 变量文件地址;
  • 支持 scss、less、css 文件嵌套(@import) 1 层;
  • 全局样式鼠标悬浮提示样式内容、样式变量鼠标悬浮提示变量值;

注

请务必检查下面配置项中 变量文件 和 全局样式文件 的配置是否有效。

配置项

配置项 类型 描述 默认值
style-helper.variablesPath string 相对当前工程 scss 或 less 变量文件路径 src\style\var.scss
style-helper.globalCssPath string 相对当前工程的全局 css/scss/less 样式文件路径 src\style\common.scss

欢迎使用!


English | 中文

Easier to write styles.

Support the coding of class and style related to css,scss,less,vue,jsx and tsx files.

  • Intelligent prompt of global styles when coding class. You can customize the file address of global style.
  • Intelligent prompt of variables When coding SCSS or less. You can customize the file address of 'SCSS' or' less' variables.
  • Support scss,less and css file nesting(@import) 1 level.
  • Prompt of style content when mouse hover global styles, prompt of variable value when mouse hover style variables.

Tip

Please be sure to check whether the configuration of variablesPath and globalCssPath in the following configuration items is valid.

Settings

Setting Name type description default
style-helper.variablesPath string Variable file address of scss/less relative to the current project. src\style\var.scss
style-helper.globalCssPath string Global style file address of css/scss/less relative to the current project. src\style\common.scss

Enjoy!

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