eddalm / vscode-autoprefixer

:electric_plug: Parse CSS and add vendor prefixes automatically.

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.

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

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 CSS.

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.browsers

• Type: Array
• Default: ["last 2 versions", "> 5%"]
• Example: ["ie >= 10"]

Which browsers you need to support.

autoprefixer.formatOnSave

• Type: Boolean
• Default: false

Add vendor prefixes to CSS when you save a file.

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.