[Vue.js] package.json

package.json

  {
    "name": "vue-prj",
    "version": "0.1.0",
    "private": true,
    "scripts": {
      "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"
    },
    "devDependencies": {
      "@vue/cli-plugin-babel": "~4.5.0",
      "@vue/cli-plugin-eslint": "~4.5.0",
      "@vue/cli-service": "~4.5.0",
      "babel-eslint": "^10.1.0",
      "eslint": "^6.7.2",
      "eslint-plugin-vue": "^6.2.2",
      "vue-template-compiler": "^2.6.11"
    },
    "eslintConfig": {
      "root": true,
      "env": {
        "node": true
      },
      "extends": [
        "plugin:vue/essential",
        "eslint:recommended"
      ],
      "parserOptions": {
        "parser": "babel-eslint"
      },
      "rules": {}
    },
    "browserslist": [
      "> 1%",
      "last 2 versions",
      "not dead"
    ]
  }

• name : 프로젝트 이름 입력
• version : 프로젝트 버전 정보 입력
• private : 해당 옵셩을 true로 설정하면 해당 프로젝트를 npm으로 올릴 수 없음, 개발자가 실수로 해당 프로젝트를 npm에 올리더라도 이 옵션이 ture로 되어 있으면 배포를 막을 수 있음
• scripts : 프로젝트 실행과 관련된 명령어를 등록. 프로젝트 실행, 빌드 등과 같이 프로젝트 개발, 운영시 사용되는 다양한 script 명령어를 등록하고, 쉽게 사용할 수 있다. 개발자가 직접 정의한 script는 npm run 명력어로 사용하고, npm 에서 제공되는 명령어는 npm 명령어로 사용함.
• dependencies : 사용 중인 패키지 정보를 입력
• devDependencies : 프로젝트 배포시 필요 없는, 개발 시에만 필요한 패키지 정보가 등록되는 곳
• eslintConfig : ESLint는 일관 성 있게 코드를 작성하고 버그를 식별하고 회피할 목적으로 ECMAScript/Javascript 코드에서 발견된 패턴을 개발자에게 알려주는 플러그인임
• browserslist : 전 세계 사용 통계 속에서 상위 1%이상 사용된 브라우저, 각 브라우저의 최신 버전 2개를 지원하도록 함