eslint 설정 문의
649
작성한 질문수 6
안녕하세요. 24년 10월 기준으로 문의드립니다.
npm 버전은 10.8.2으로 아래와 같이 프로젝트 생성을 했습니다.
npm init vue@latest (eslint, prettier 설정)
npm install
강의에서와 다르게 .eslinttrc.cjs 파일이 생성되지 않고 아래의 이미지와 같이 생성됩니다. 가능한 현재 버전을 기준으로 해보고 싶습니다. 방법에 대해 문의드립니다!
답변 1
0
안녕하세요.
ESLint Rule을 적용하시려면
eslint.config.js해당 파일에 적용하시면 됩니다.
import js from '@eslint/js'
import pluginVue from 'eslint-plugin-vue'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
export default [
{
name: 'app/files-to-lint',
files: ['**/*.{js,mjs,jsx,vue}'],
rules: {
'no-console': 'warn', // files에 적용할 규칙 설정
},
},
{
name: 'app/files-to-ignore',
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
},
js.configs.recommended,
...pluginVue.configs['flat/essential'],
skipFormatting,
{
rules: {
'no-console': 'warn', // 프로젝트 전체 규칙 설정
},
}
]Prettier 룰을 적용하시려면
.prettierrc.json파일에 적용하시면 됩니다.
{
"$schema": "https://json.schemastore.org/prettierrc", // Prettier 설정 스키마
"semi": false, // 세미콜론 생략
"singleQuote": true, // 작은따옴표 사용
"arrowParens": "avoid" // 매개변수 하나일 때 괄호 생략
}(참고로 새로운 프로젝트 환경에 대한 영상은 정리 후 다음 달에 추가할 예정이에요 🙂, 추가하면 새소식으로 전달드릴게요~!)
npm init vue@3.1.9
0
41
2
크롭 웹스토어 vue devtools 설치 관련
0
42
1
snippets 작성하는 부분 설명이 있었나요?
0
49
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
53
2
소스 공유 어디서 해야하는지 궁금합니다
0
61
2
component 등록과 사용
0
58
2
강의교안
0
56
2
eslint 룰 관련 질문이 있습니다.
0
64
2
npm init -y 명령어 실행에 관한 질문
0
154
2
volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.
0
168
2
깊은 감시자 질문
0
88
2
정리된 내용
0
155
2
화면이 왜 이렇게 뜨는걸까요?
0
186
2
왜 다르게 뜰까요..?ㅠㅠ
0
155
2
npm init vue , npm create vue@latest 명령 오류
0
294
2
강의를 듣다보니 궁금한 점 질문드립니다.
0
141
2
watch강의 질문
0
153
1
강의 듣다가 질문드립니다.
0
120
1
이벤트 처리 부분 강의 실습
0
141
2
v-pre는 설명이 없나요?
0
153
2
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
0
146
1
개발자도구 Vue 탭 관련 문의
0
240
2
강의를 인텔리제이로 수업따라가도 되져?
0
178
2
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
3
279
2