Awesome

VS Code Plugin for Autoprefixer

This plugin for VS Code provides an interface to autoprefixer.

Donate

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

:heart: I will be glad to see your support and PR's.

Install

Plugin installation is performed in several stages:

1. Press F1 and select Extensions: Install Extensions.
2. Search and choose vscode-autoprefixer.

See the extension installation guide for details.

Usage

Press F1 and run the command named Autoprefixer: Run.

Supported languages

• CSS
• Less
• SCSS

Supported settings

autoprefixer.findExternalAutoprefixer

• Type: Boolean
• Default: false

Use an external Autoprefixer package instead of built-in version.

You must install Autoprefixer using:

• npm i -D autoprefixer
• npm i -g autoprefixer

About first run with this option

When you first start the plugin is looking for an installed Autoprefixer. Therefore, the first run may take a long time. Subsequent runs are much faster.

autoprefixer.options

• Type: Object
• Default: {}

Any options supported by autoprefixer — documentation.

autoprefixer.formatOnSave

• Type: Boolean
• Default: false

Add vendor prefixes to CSS when you save a file.

autoprefixer.ignoreFiles

• Type: Array
• Default: []
• Example: ["variables.less", "mixins/**/*"]

An optional array of glob-patterns to ignore files.

Keyboard shortcuts

For changes keyboard shortcuts, create a new rule in File -> Preferences -> Keyboard Shortcuts:

{
  "key": "ctrl+shift+c",
  "command": "autoprefixer.execute"
}

Changelog

See the Releases section of our GitHub project for changelogs for each release version.

License

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