inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

프로젝트 구성

eslint, prettierr 충돌

695

doyn0822

작성한 질문수 1

0

초기 세팅을 하던 중 포매팅을 하게 되면

에러가 발생합니다 스크린샷 2023-09-14 오전 12.24.22.png

{
  "$schema": "https://json.schemastore.org/prettierrc",
  "semi": true,
  "tabWidth": 2,
  "singleQuote": true,
  "printWidth": 80,
  "trailingComma": "none"
}
{
  "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랑 동일하게 다 설정을 했는데도 오류가 나네요
다시 처음부터 하면서 해도 똑같은 오류가 반복이라 글 남겨 봅니다

vue.js

답변 1

1

doyn0822

useTabs랑 이것저것 하다보니 해결했습니다 감사합니다

1

짐코딩

어이쿠! 해결이 되어 다행이에요! 🥲 😀

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