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!
| |