eslint, prettierr 충돌
695
작성한 질문수 1
초기 세팅을 하던 중 포매팅을 하게 되면
에러가 발생합니다 
eslintrc.cjs 파일
/* eslint-env node */ require('@rushstack/eslint-patch/modern-module-resolution'); module.exports = { root: true, extends: [ 'plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-prettier', ], env: { 'vue/setup-compiler-macros': true, }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'prettier/prettier': [ 'error', { singleQuote: true, semi: true, useTabs: true, tabWidth: 2, trailingComma: 'all', printWidth: 80, bracketSpacing: true, arrowParens: 'avoid', endOfLine: 'auto', }, ], }, };prettierrc.json 파일
{
"$schema": "https://json.schemastore.org/prettierrc",
"semi": true,
"tabWidth": 2,
"singleQuote": true,
"printWidth": 80,
"trailingComma": "none"
}settings.json 파일
{
"workbench.iconTheme": "material-icon-theme",
"workbench.startupEditor": "none",
"files.autoSave": "afterDelay",
"editor.fontFamily": "MesloLGS NF",
"terminal.integrated.fontFamily": "monospace",
// Eslint-settings
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.tabSize": 2,
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
// "html", // 삭제
"vue",
"markdown"
],
// Prettier-settings
"prettier.printWidth": 80,
"prettier.tabWidth": 2,
"prettier.trailingComma": "all",
"prettier.jsxSingleQuote": false,
"prettier.semi": true,
"prettier.useTabs": true,
"prettier.proseWrap": "preserve",
"prettier.arrowParens": "avoid",
"prettier.singleQuote": true,
"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.endOfLine": "auto",
"prettier.quoteProps": "as-needed",
"prettier.requireConfig": false,
"prettier.ignorePath": ".prettierignore",
"prettier.bracketSpacing": true,
"prettier.requirePragma": false,
"prettier.insertPragma": false,
"prettier.vueIndentScriptAndStyle": false,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDragAndDrop": false,
"explorer.confirmDelete": false,
"workbench.colorTheme": "Tokyo Night",
"workbench.settings.applyToAllProfiles": [
],
"settingsSync.ignoredExtensions": [
],
"window.zoomLevel": -1
}
eslint랑 동일하게 다 설정을 했는데도 오류가 나네요
다시 처음부터 하면서 해도 똑같은 오류가 반복이라 글 남겨 봅니다
npm init vue@3.1.9
0
43
2
크롭 웹스토어 vue devtools 설치 관련
0
43
1
snippets 작성하는 부분 설명이 있었나요?
0
51
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
58
2
소스 공유 어디서 해야하는지 궁금합니다
0
62
2
component 등록과 사용
0
59
2
강의교안
0
58
2
eslint 룰 관련 질문이 있습니다.
0
67
2
npm init -y 명령어 실행에 관한 질문
1
156
2
volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.
1
169
2
깊은 감시자 질문
0
90
2
정리된 내용
0
158
2
화면이 왜 이렇게 뜨는걸까요?
0
188
2
왜 다르게 뜰까요..?ㅠㅠ
0
158
2
npm init vue , npm create vue@latest 명령 오류
0
295
2
강의를 듣다보니 궁금한 점 질문드립니다.
0
144
2
watch강의 질문
0
153
1
강의 듣다가 질문드립니다.
0
122
1
이벤트 처리 부분 강의 실습
0
141
2
v-pre는 설명이 없나요?
0
154
2
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
0
147
1
개발자도구 Vue 탭 관련 문의
0
241
2
강의를 인텔리제이로 수업따라가도 되져?
0
179
2
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
3
282
2





