ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

JSCS-Formatter

by TheSavior ST2/ST3

Sublime Text 3 Plugin to Autoformat with JSCS

Details

Installs

  • Total 35K
  • Win 19K
  • OS X 12K
  • Linux 4K
Oct 20 Oct 19 Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30 Sep 29 Sep 28 Sep 27 Sep 26 Sep 25 Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5
Windows 27 23 14 24 27 11 11 15 15 12 19 24 11 7 10 3 10 11 5 8 20 26 22 27 29 21 9 12 24 32 30 22 29 15 7 41 18 28 26 14 10 9 16 30 27 36
OS X 8 9 5 9 7 3 3 5 7 3 7 9 2 4 4 4 9 4 5 7 4 4 10 9 5 9 3 1 9 5 6 14 9 3 7 14 16 5 13 4 1 3 6 6 13 7
Linux 0 2 3 5 0 1 2 4 2 0 2 2 1 2 1 2 4 0 3 1 1 1 1 1 2 2 0 2 1 2 2 0 0 2 1 2 2 4 1 2 1 1 0 2 4 0

Readme

Source
raw.​githubusercontent.​com

SublimeJSCSFormatter for Sublime Text 3

Sublime Text 3 Plugin to autoformat your javascript code according to the JSCS configuration files you already have.

Installation

Linter installation

JSCS (with autoformatting) must be installed on your system before this plugin will work. To install jscs, do the following:

  1. Install Node.js (and npm on Linux).

  2. Install jscs by typing the following in a terminal:

npm install -g jscs
  1. If you are using nvm and zsh, ensure that the line to load nvm is in .zshenv and not .zshrc.

  2. If you are using zsh and oh-my-zsh, do not load the nvm plugin for oh-my-zsh.

Plugin installation

Please use Package Control to install the linter plugin. This will ensure that the plugin will be updated when new versions are available. If you want to install from source so you can modify the source code, you probably know what you are doing so we won’t cover that here.

To install via Package Control, do the following:

  1. Within Sublime Text, bring up the Command Palette and type install. Among the commands you should see Package Control: Install Package. If that command is not highlighted, use the keyboard or mouse to select it. There will be a pause of a few seconds while Package Control fetches the list of available plugins.

  2. When the plugin list appears, type jscs format. Among the entries you should see JSCSFormatter. If that entry is not highlighted, use the keyboard or mouse to select it.

Commands

Command palette:

  • JSCSFormatter: Format this file

Shortcut key:

  • Linux/Windows: [Ctrl + Shift + H]
  • Mac: [Cmd + Shift + H]

Settings

By default, JSCSFormatter will supply the following settings:

{
  // The Nodejs installation path
  "node_path": {
    "windows": "node.exe",
    "linux": "/usr/bin/nodejs",
    "osx": "/usr/local/bin/node"
  },

  // The location of the the globally installed jscs package
  "jscs_path": {
    "windows": "%APPDATA%/npm/node_modules/jscs/bin/jscs",
    "linux": "/usr/bin/jscs",
    "osx": "/usr/local/bin/jscs"
  },

  // Specify this path to a JSCS config file to override the default behavior.
  // Passed to JSCS as --config. Read more here:
  // http://jscs.info/overview.html#-config-
  "config_path": "",

  // Automatically format when a file is saved.
  "format_on_save": false,

  // Only attempt to format files with whitelisted extensions on save.
  // Leave empty to disable the check
  "format_on_save_extensions": [
    "js",
    "jsx",
    "es",
    "es6",
    "babel"
  ]
}
  • Modify any settings within the Preferences -> Package Settings -> JSCS Formatter -> Settings - User file.

Project-specific settings override

To override global plugin configuration for a specific project, add a settings object with a JSCS-Formatter key in your .sublime-project. This file is accessible via Project -> Edit Project.

For example:

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "JSCS-Formatter": {
      "format_on_save": true
    }
  }
}

Setting up paths in Sublime with NVM

  1. Find path of Node and JSCS “ npm config get prefix
2. Return to Sublime
Modify the file at `Preferences > Package Settings > JSCS-Formatter > Settings-User`.
Update the `node_path` and `jscs_path` settings.

```javascript
{
  "node_path": {
    "linux": "/home/YOURUSER/.nvm/versions/node/v6.9.2/bin/node",
  },

  "jscs_path": {
    "linux": "/home/YOURUSER/.nvm/versions/node/v6.9.2/bin/jscs",
  },
}

Contributing

If you find any bugs feel free to report them here.

Pull requests are also encouraged.