sublime-stylefmt

Sublime Text plugin for Stylefmt

Install

Package Control

Install Stylefmt with Package Control and restart Sublime.

You need to have Node.js installed.
Make sure it's in your $PATH by running node -v in your command-line.

Note: On OS X it's expected that Node resides in the /usr/local/bin/ folder, which it does when installed with the default installer. If this is not the case, symlink your Node binary to this location:
ln -s /full/path/to/your/node /usr/local/bin/node

Add Repository

1) Open the Command Palette (Windows and Linux: ctrl+shift+p, OSX: cmd+shift+p)

2) Select Package Control > Add Repository

3) Paste in https://github.com/dmnsgn/sublime-stylefmt

Usage

Command Palette

Use the Command Pallete (Windows and Linux: ctrl+shift+p, OSX: cmd+shift+p) and run:

Run Stylefmt

Options

(Preferences > Package Settings > Stylefmt > Settings - User)

The format on save functionality can be extended to be applied on specific syntaxes or extensions.

{
  "formatOnSave": false,
  "syntaxes": ["SCSS"],
  "extensions": [".scss"]
}

Project settings

You can override the default and user settings for individual projects. Just add an "Stylefmt" object to the "settings" object in the project's .sublime-project file containing your project specific settings.

Example:

{
    "settings": {
        "Stylefmt": {
            "formatOnSave": false,
            "syntaxes": ["SCSS"],
            "extensions": [".scss"]
        }
    }
}

Keyboard shortcut

You can also set up a keyboard shortcut to run the command by opening up Preferences > Key Bindings - User and adding your shortcut with the stylefmt command.

Example:

[
    { "keys": ["alt+super+f"], "command": "stylefmt" }
]

License

Based on FixMyJS plugin by Addy Osmani.

ISC © Damien Seguin