[Vue] .prettierrc와 package.json의 rule 변경

쿼카쿼카·2022년 10월 22일
0

Vue / Nuxt

목록 보기
1/35
post-custom-banner

.prettierrc

{
  "semi": false, // 마지막에 세미콜론 여부
  "singleQuote": true, // 문자열 작은 따옴표
  "printWidth": 80, // 한 줄에 80글자
  "useTabs": false, // 띄어쓰기 대신 탭 사용 x
  "trailingComma": "none",  // object 마지막에 콤마 여부
  "bracketSpacing": true // object 괄호 공백
}

package.json의 rule

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "@vue/standard"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {
      "space-before-function-paren": "off" // 함수와 ()의 공백
    }
  • vue/standard로 선택했을 때의 eslint가 package.json에 있다.
  • space-before-function-paren
    • function func() {}처럼 함수를 만들 때 함수 이름과 매개변수를 담는 괄호의 공백을 없앤다는 의미
profile
쿼카에요
post-custom-banner

0개의 댓글