package.json

{
  "name": "vuetify-admin-template",
  "version": "0.1.0",
  "private": true, //패키지 공개 or 비공개
  "scripts": {
    // 개발모드로 프로젝트 실행하는 명령어, hmr기능도 제공 => 브라우저 새로고침 안해도 web pack으로 빌드한 결과물들이 실시간으로 반영될 수 있게 도와줌
    "serve": "vue-cli-service serve",
    // 프로젝트 배포를 위해서 빌드 파일 생성
    "build": "vue-cli-service build",
    // 문법 오류나 코드 컨벤션을 잡아주는 검사기 해당 명령어 수행하면 문법 오류 규칙검사를 함
    "lint": "vue-cli-service lint"
  },
  // 이 소프트웨어에 필요한 설치된 라이브러리를 정의하는 구간
  "dependencies": {
    // 폴리필 라이브러리
    "core-js": "^3.6.5",
    // 웹 에플리케이션에 빠르고 편리한 구현을 위한 자바스크립트 프레임워크
    "vue": "^2.6.11",
// 사용자 요청 경로에 따라 해당하는 컴포넌트에 매핑하여 렌더링 결정해주는 라이브러리
    "vue-router": "^3.6.5",
    // 뷰를 기반으로 구현된 머테리얼 디자인에 기반한 ui 프레임 워크
    "vuetify": "^2.6.0",
    "vuex": "^3.6.2"
  },
  // 개발시에 필요한 설치된 라이브러리에 대한 정보
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    // 뷰 cli를 위한 eslint 플러그인 라이브러리 이 라이브러리 설치됨으로써 lint명령어 사용이 가능
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "sass": "~1.32.0",
    "sass-loader": "^10.0.0",
    "vue-cli-plugin-vuetify": "~2.5.8",
    "vue-template-compiler": "^2.6.14",
    "vuetify-loader": "^1.7.0"
  },
  // lint에 대한 설정을 정의하는 곳, 별도의 파일로 관리도 가능
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {}
  },
  // 노드의 버전정보 지정, 
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}