Next Dev Gil

Extensions 추천1 Vue, Nuxt, HTML and CSS Vue Language Features (Volar): Recommended for Vue3 and Nuxt3 Prettier - Code formatter Code formatter Stylelint CSS Linting Auto Close Tag Auto closing html tags Auto Rename Tag auto rename closing or opening tag axe Accessibility Linter: Give accessibility feedback right in the editor For CSS framework of your choice UnoCSS: Atomic CSS engine intellisense..

ESLint와 Prettier ESLint란? 자바스크립트 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다. ESLint는 JavaScript 코드에서 발견된 문제를 식별하고 코드 스타일을 유지하도록 도와주는 오픈 소스 JavaScript 린트 도구이다. 코드를 분석하여 잠재적인 버그, 스타일 가이드 준수 여부, 코드 품질 등을 검사하여 개발자들이 더욱 효율적으로 코드를 작성하고 유지할 수 있도록 도와준다. ESLint는 다양한 규칙을 제공하며, 이러한 규칙을 설정하고 사용자 정의할 수 있어 팀 또는 프로젝트에 맞게 코드 스타일을 조정할 수 있습니다. 또한, 플러그인 시스템을 통해 다양한 환경에서 사용할 수 있도록 확장성을 가지고 있습니다. 보통 개발환경에서 ESLint는 개발자들이 ..

Install package에 node-sass 와 sass-loader를 설치 npm install --save-dev node-sass sass-loader Usage main.js에 scss import - import "./assets/scss/common.scss"; //scss import import { createApp } from 'vue' import App from './App.vue' import mitt from 'mitt' let emitter = mitt(); let app = createApp(App) app.config.globalProperties.emitter = emitter; import store from './store.js' import './registerSe..