doc22940 / brackets-autoprefixer

Brackets/Edge Code extension that parses CSS documents and add vendor prefixes automatically.

Brackets Autoprefixer

Brackets/Edge Code extension that parses CSS documents and add vendor prefixes automatically.

This extension uses Autoprefixer, a tool that parses your CSS and add/remove vendor prefixes where appropriate according to data from Can I Use. This means that you can write you CSS without having to worry about which vendor prefixes you have to include. As soon as you save your file this will be done for you.

Installation

You may download and install this extension in one of three ways. Using Extension Manager to find it through the extension registry you always find the latest stable release conveniently within Brackets.

You can also get the latest work-in-progress version by downloading or installing the extension directly from the repository. This allows you to try new features that might not have been tested properly yet.

Install using Extension Manager

1. Open the the Extension Manager from the File menu.
2. Click the Available tab i upper left corner.
3. Find Autoprefixer in list of extensions (use the search field to filter the list).
4. Click Install.

Install from URL

1. Open the the Extension Manager from the File menu.
2. Click on Install form URL...
3. Copy and paste following URL in the text field: https://github.com/mikaeljorhult/brackets-autoprefixer
4. Click Install.

Install from file system

1. Download this extension using the ZIP button and unzip it.
2. Copy it in Brackets' /extensions/user folder by selecting Show Extension Folder in the Help menu.
3. Reload Brackets.

Usage

Autoprefixer may be used in one of two ways, automatically on save and manual on a selection.

The automatic mode is used by toggling "Auto prefix on save" on in the Edit menu. This will process the whole file each time the document is saved and add and/or remove vendor prefixes where appropriate.

For more control over where prefixes are added and removed a piece of code may be selected and processed by clicking "Auto prefix selection" in the Edit menu. Only the selected part of the document will be processed.