vue-practice's Introduction

vue-practice

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

Project Setup

package.json 정보 로드(gradle, maven 업데이트와 유사)

npm install

Compile and Hot-Reload for Development

프론트 개발 서버 실행 명령

npm run dev

Compile and Minify for Production

운영 파일 빌드 명령

npm run build

Lint with ESLint

ESLint 변경시 실행 필요

npm run lint

Test db server load

mock api 를 위한 서버 실행 명령

npm run db

VScode extension 설치

ESLint
HTML CSS Support
HTML to CSS autocompletion
Live Server, Prettier
Vue Language Features (Volar)
Vue VSCode Snippets

VScode ESLint 설정하기

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,

Recommend Projects