https://github.com/ancss/css-var-hint

Intellisense support for CSS,LESS,SCSS Variables
https://github.com/ancss/css-var-hint

Last synced: 5 months ago
JSON representation

Intellisense support for CSS,LESS,SCSS Variables

• Host: GitHub
• URL: https://github.com/ancss/css-var-hint
• Owner: Ancss
• License: mit
• Created: 2021-09-07T16:27:58.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-09-07T16:54:49.000Z (about 4 years ago)
• Last Synced: 2025-01-09T16:08:21.236Z (11 months ago)
• Language: TypeScript
• Size: 1.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# css-var-hint README

For the variables in the configured file, prompt the variables in the supported files

Select the corresponding text and click the small light bulb to replace the style

对配置的文件内变量，在支持的文件中进行变量提示

选中对应文本点击小灯泡进行样式的替换

## Features

The supported prompt files are as follows

支持的提示文件如下

css

![css variable hint](img/css-hint.gif)

scss

![scss variable hint](img/scss-hint.gif)

less

![less variable hint](img/less-hint.gif)

vue

![css variable hint](img/vue-hint.gif)

replace style

![replace style](img/replace-style.gif)

## Extension Settings

If you want to use the extension, you must add the `.vscode/settings.json` file in the workspace

And add `cssVarHint.files` property, `cssVarHint.files` is an array, receiving `.css` `.less` `scss` file path

如果想要使用该插件，就必须在工作区中添加`.vscode/settings.json`文件

并且添加`cssVarHint.files`属性，`cssVarHint.files`是一个数组，接收`.css` `.less` `scss`文件路径

![file config](img/file-config.png)

```json

{

  "cssVarHint.files": [

    "src/index.css",

    "src/index.less",

    "src/index.scss"

  ]

}

```