eslint, prettier

vsCode에서 사용방법

• prettier 규칙적용: F1 > Format Document
• 저장시 자동적용: settings.json에 추가 - "editor.formatOnSave": true,
• eslint: F1 > ESLint fix all auto-fixable Problems

  "singleQuote": true, //문자열 입력 시 쌍따옴표(") 대신 따옴표(') 사용

  "semi": true, //코드 끝에 항상 세미콜론 추가

  "useTabs": false,

  "tabWidth": 2,

  "trailingComma": "all", //객체, 배열 등의 마지막 항목에 콤마(,) 추가

  "printWidth": 500,

  "bracketSpacing": true //괄호 안에 데이터가 있을 때 공백 삽입

{

  "arrowParens": "always",

  "bracketSpacing": true,

  "endOfLine": "lf",

  "htmlWhitespaceSensitivity": "css",

  "insertPragma": false,

  "singleAttributePerLine": false,

  "bracketSameLine": false,

  "jsxBracketSameLine": false,

  "jsxSingleQuote": false,

  "printWidth": 500,

  "proseWrap": "preserve",

  "quoteProps": "as-needed",

  "requirePragma": false,

  "semi": true,

  "singleQuote": false,

  "tabWidth": 2,

  "trailingComma": "es5",

  "useTabs": false,

  "embeddedLanguageFormatting": "auto",

  "vueIndentScriptAndStyle": false,

  "filepath": "c:\\workspace\\csportalfront\\src\\views\\Setting&Management\\EvaluationSetting.js",

  "parser": "babel"

}

https://prettier.io/docs/en/options.html

Prettier · Opinionated Code Formatter

 

prettier		eslint
"singleQuote": true,	//문자열은 '로만사용
"semi": true,	//코드는 ;로 끝남	semi: ['warn', 'always']
"useTabs": false,	//탭 사용여부	indent: ['warn', 'tab'] ???
"tabWidth": 2,	//탭 크기
"trailingComma": "all",	// 객체 끝 부분에도 Comma 추가	'comma-dangle': ['warn', 'never']과 대치됨
"printWidth": 100	// 줄 당 max length
		'space-before-function-paren': ['warn', 'always']	get( x, get ( o
		'react/jsx-indent': ['warn', 'tab'],
		'linebreak-style': ['warn', 'unix']
		'react/sort-prop-types': [       'warn',       {         ignoreCase: true,         requiredFirst: true,       },     ],	알파벳순 정렬안되면 에러