Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mrmlnc/vscode-doiuse

:electric_plug: Lint CSS for browser support against caniuse database.
https://github.com/mrmlnc/vscode-doiuse

doiuse visual-studio-code vscode vscode-extension

Last synced: about 2 months ago
JSON representation

:electric_plug: Lint CSS for browser support against caniuse database.

Awesome Lists containing this project

README

        

# VS Code plugin for doiuse

> This linter plugin for VS Code provides an interface to [doiuse](https://github.com/anandthakker/doiuse)

![doiuse](https://cloud.githubusercontent.com/assets/7034281/16776880/0282e982-4870-11e6-811f-a2a65cbc4eb7.png)

## Donate

If you want to thank me, or promote your Issue.

[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/mrmlnc)

> Sorry, but I have work and support for plugins and modules requires some time after work. I will be glad of your support or PR's.

## Install

Linter installation is performed in several stages:

1. Install **doiuse** use `npm i -D doiuse` or `npm i -g doiuse`.
2. Press F1 and select `Extensions: Install Extensions`.
3. Search and choose `vscode-doiuse`.

See the [extension installation guide](https://code.visualstudio.com/docs/editor/extension-gallery) for details.

## Usage

Enable the linter in the VS Code [settings](https://code.visualstudio.com/docs/customization/userandworkspace).

```json
{
"doiuse.enable": true
}
```

## Supported languages

* CSS
* Less
* SCSS
* Sass (experimental and by [sass-indented](https://marketplace.visualstudio.com/items?itemName=robinbentley.sass-indented))
* Stylus (experimental, only indent-based CSS syntax and by [extensions](https://marketplace.visualstudio.com/search?term=stylu&target=VSCode&sortBy=Relevance))

## Supported settings

**doiuse.enable**

* Type: `Boolean`
* Default: `false`

Control whether doiuse is enabled for styles files or not.

**doiuse.messageLevel**

* Type: `String`
* Default: `Warning`
* Available values: `"Information", "Warning", "Error"`

Represents a diagnostic level, such as a Information, Warning or Error.

**doiuse.browsers**

* Type: `Array`
* Default: `[]`
* Example: `["ie >= 9"]`

An autoprefixer-like array of browsers. See the [official repository](https://github.com/anandthakker/doiuse) for details.

Through the config files of _browserslist_, it is also possible to define the scope per folder, however, the above VSCode setting has priority over these files.

**doiuse.ignore**

* Type: `Array`
* Default: `[]`
* Example: `["rem"]`

An optional array of features to ignore. See the [official repository](https://github.com/anandthakker/doiuse) for details.

**doiuse.ignoreFiles**

* Type: `Array`
* Default: `[]`
* Example: `["**/*.css"]`

An optional array of file globs to match against original source file path, to ignore. See the [official repository](https://github.com/anandthakker/doiuse) for details.

**doiuse.run**

* Type: `String`
* Default: `onType`
* Supported values: `onType`, `onSave`

Run the linter on save (onSave) or on type (onType).

## Changelog

See the [Releases section of our GitHub project](https://github.com/mrmlnc/vscode-doiuse/releases) for changelogs for each release version.

## License

This software is released under the terms of the MIT license.