이 레포지토리는 일관된 코드 스타일 유지를 위해 만들어졌습니다. @naverpay/code-style에서 영감을 받았으며, 해당 레포처럼 모노레포 구조로 여러 패키지를 포함하고 있습니다.
eslint 플러그인은 base, stylistic와 두개를 모두 포함하는 recommended를 제공합니다
✅ recommended: 코드 품질 규칙과 @stylistic/eslint-plugin 기반 포맷팅 규칙 모두 포함
✅ base: 코드 품질 규칙만 포함 (Prettier와 함께 사용 시 적합)
✅ stylistic: @stylistic/eslint-plugin 기반 포맷팅 규칙만 포함
- @seungwoo321/eslint-plugin-standard-js: ESLint 9.x용 Standard JS 규칙을 제공합니다.
- @seungwoo321/eslint-plugin-standard-jsx: ESLint 9.x용 Standard JSX 규칙을 제공합니다.
- @seungwoo321/prettier-config: prettier 포맷터를 제공합니다.
✅ TypeScript ESLint는 공식 문서를 참고하세요.
npm install -D eslint @seungwoo321/eslint-plugin-standard-js @seungwoo321/eslint-plugin-standard-jsx typescript-eslint// eslint.config.js
import { defineConfig } from 'eslint/config'
import standardjs from '@seungwoo321/eslint-plugin-standard-js'
import standardjsx from '@seungwoo321/eslint-plugin-standard-jsx'
import tseslint from 'typescript-eslint'
export default defineConfig([
{
files: ['**/*.{js,mjs,cjs,ts,mts,jsx,tsx}'],
extends: [
...tseslint.configs.strict,
...tseslint.configs.stylistic,
...standardjs.configs.recommended,
...standardjsx.configs.recommended
]
}
])코드 스타일을 적용한 개발 템플릿을 별도 레포지토리로 제공합니다.
- vite-react-ts-standard: Vite의 react-ts 템플릿에서 Standard 코드 스타일 플러그인을 적용한 템플릿입니다.
- vite-vue2-ts-standard: Vite의 vue-ts 템플릿에서 Vue를 2.7.16 버전으로 다운그레이드 하고 Standard 코드 스타일 플러그인을 적용한 템플릿입니다.
- vite-vue3-ts-standard: Vite의 vue-ts 템플릿에서 Vue를 3 버전으로 유지하고 Standard 코드 스타일 플러그인을 적용한 템플릿입니다.