This template should help get you started developing with Vue 3 in Vite.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
See Vite Configuration Reference.
package.json 정보 로드(gradle, maven 업데이트와 유사)
npm install
프론트 개발 서버 실행 명령
npm run dev
운영 파일 빌드 명령
npm run build
Lint with ESLint
ESLint 변경시 실행 필요
npm run lint
mock api 를 위한 서버 실행 명령
npm run db
ESLint
HTML CSS Support
HTML to CSS autocompletion
Live Server, Prettier
Vue Language Features (Volar)
Vue VSCode Snippets
- vscode에서 'Ctrl' + ',' 눌러서 탭을 띄웁니다.
- 탭에서 '확장>ESLint>settings.json' 을 클릭
- settings.json에 아래 항목을 추가하고 npm run lint를 실행합니다
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"html",
"vue",
"markdown"
],
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.tabSize": 2,