prettier-standard

2018-09-14 admin

prettier-standard是什么

什么是prettier-standard,Prettier and standard brought together!

prettier-standard使用教程帮助文档

(✿◠‿◠) prettier-standard Build Status version Modern Node

prettier and standard brought together

While standard is a linter, prettier-standard is a formatter. You don’t have to fix any warnings anymore <g-emoji class=“g-emoji” alias=“relieved” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f60c.png”>😌</g-emoji>

Installation

yarn add --dev prettier-standard

If you’re using the npm: npm install --save-dev prettier-standard.

You can also install globally with npm install -g prettier-standard

Usage

Prettier and standard brought together!

Usage
  $ prettier-standard [<glob>...]

Options
  --log-level  Log level to use (default: warn)

Examples
  $ prettier-standard 'src/**/*.js'
  $ echo "const {foo} = "bar";" | prettier-standard

Typically you’ll use this in your npm scripts (or package scripts):

{
  "scripts": {
    "format": "prettier-standard 'src/**/*.js'"
  }
}

We also encourage to use husky and lint-staged. You can configure it as follows:

{ 
  "scripts":{
    "precommit": "lint-staged"
  },
  "lint-staged": {
    "linters": {
      "src/**/*.js": [
        "prettier-standard",
        "git add"
      ]
    }
  }
}

NOTE: Unlike prettier this package simplifies your workflow by making --write flag a default, and allowing for passing code to stdin without additional --stdin flag. Now that’s prettier!

Vim

It’s probably best to use ale plugin. It supports multiple fixers, including prettier-standard:

Plug 'w0rp/ale'
let g:ale_fixers = {'javascript': ['prettier_standard']}
let g:ale_linters = {'javascript': ['']}
let g:ale_fix_on_save = 1

Sublime Text 3

It’s possible to use ‘prettier-standard’ with Sublime Text 3.

  1. Install ‘prettier-standard’ globally according to the installation instructions above.
  2. Find the location of your installed executable file. On a unix based system (like MacOS):
$ which prettier-standard

  1. Copy the location. (e.g. /usr/local/bin/prettier-standard)
  2. Install SublimeJsPrettier according to their installation instructions.
  3. Open SublimeJsPrettier’s default settings in Sublime and copy the line: "prettier_cli_path": ""
  4. Open SublimeJsPrettier’s user settings in Sublime and add the line with the correct location of the ‘prettier-standard’ executable.
{
  "prettier_cli_path": "/usr/local/bin/prettier-standard",
}

You can now use ‘prettier-standard’ in Sublime Text 3 by opening the Command Palette (super + shift + p) and typing JsPrettier: Format Code.

Customizing

Because this package is built on top of prettier-eslint, you can fully configure its behavior with custom .eslintrc file. For example you might want to opt-out of single quotes with following. Any eslint rules are supported.

{
  "rules": {
    "quotes": ["error", "double"],
    "jsx-quotes": ["error", "prefer-double"]
  }
}

Additionally, you can use different versions of eslint and prettier. Just include them as a devDependency of your project. prettier-standard will properly recognize this, and use your versions of prettier and eslint instead.

Related

Contributors

This package follows all-contributors specification.

| <sub>Adam Stankiewicz</sub> <g-emoji class=“g-emoji” alias=“computer” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f4bb.png”>💻</g-emoji> <g-emoji class=“g-emoji” alias=“metro” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f687.png”>🚇</g-emoji> | <sub>Kent C. Dodds</sub> <g-emoji class=“g-emoji” alias=“computer” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f4bb.png”>💻</g-emoji> | <sub>Adam Garrett-Harris</sub> <g-emoji class=“g-emoji” alias=“computer” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f4bb.png”>💻</g-emoji> | <sub>Benoit Averty</sub>

<g-emoji class=“g-emoji” alias=“bug” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f41b.png”>🐛</g-emoji>

LICENSE

MIT

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-40278.html

文章标题:prettier-standard

回到顶部