VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


prettier/prettier 를 사용한 코드 포맷터 ( JavaScript / TypeScript / Css / HTML 등 지원 )


링크 : https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode





Respects editor.formatOnSave setting.

설정 범위를 지정하여 언어별 저장시 포맷을 사용하도록 설정할 수 있습니다.

// Set the default
"editor.formatOnSave": false,
// Enable per-language
"[javascript]": {
    "editor.formatOnSave": true
}


Settings will be read from (우선순위로 나열):

  1. Prettier configuration file
  2. .editorconfig

Or if no prettier configuration file exist

  1. .editorconfig
  2. VSCode prettier's settings (기본값은 아래 설명되어 있음)

Fit code within this line limit

Number of spaces it should use per tab

If true, will use single instead of double quotes

Controls the printing of trailing commas wherever possible. Valid options:

  • "none" - No trailing commas
  • "es5" - Trailing commas where valid in ES5 (objects, arrays, etc)
  • "all" - Trailing commas wherever possible (function arguments)

Controls the printing of spaces inside object literals

If true, puts the > of a multi-line jsx element at the end of the last line instead of being alone on the next line

Which parser to use. Valid options are 'flow' and 'babylon'.

Whether to add a semicolon at the end of every line (semi: true), or only at the beginning of lines that may introduce ASI failures (semi: false)

If true, indent lines with tabs

(Markdown) wrap prose over multiple lines.

Include parentheses around a sole arrow function parameter

Use single quotes instead of double quotes in JSX.

Specify the global whitespace sensitivity for HTML files. Learn more here

Specify the end of line used by prettier. Learn more here

These settings are specific to VSCode and need to be set in the VSCode settings file. See the documentation for how to do that.

Use prettier-eslint instead of prettier. Other settings will only be fallbacks in case they could not be inferred from ESLint rules.

Use prettier-tslint instead of prettier. Other settings will only be fallbacks in case they could not be inferred from TSLint rules.

Use prettier-stylelint instead of prettier. Other settings will only be fallbacks in case they could not be inferred from stylelint rules.

Require a 'prettierconfig' to format

Supply the path to an ignore file such as .gitignore or .prettierignore. Files which match will not be formatted. Set to null to not read ignore files. Restart required.

A list of languages IDs to disable this extension on. Restart required. Note: Disabling a language enabled in a parent folder will prevent formatting instead of letting any other formatter to run

This extension will use prettier from your project's local dependencies. Should prettier not be installed locally with your project's dependencies, a copy will be bundled with the extension.

+ Recent posts