Day04 - 学习 Vue CLI package.json 设定档

今天回到大神的教学 重新认识 Vue.js | Kuro Hsu 3-3 Vue CLI 环境设定与打包部署

透过 vue CLI 建立好的专案资料夹自带了 package.json 档

// 记录了 npm run 指令
"scripts": {
    // 执行专案
    "serve": "vue-cli-service serve",

    // 负责打包专案，将我们在 src 资料夹边写的 .vue 档转译成 .js 档
    // 并生成 dist 资料夹，存放转译後的档案
    "build": "vue-cli-service build",
    
    // ESLint 插件，会校正 src 里的所有文件
    "lint": "vue-cli-service lint"
  },

其他参考文章：
网路大大的实验 npm run serve/build 背后的真实操作
vue-cli-service lint 简介 vuejs/vue-docs-zh-cn @vue/cli-plugin-eslint

  // run npm build 打包专案时，要被打包的
  // 会上线
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },
  
  // 开发过程使用的套件
  // 不会背包上线
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^7.0.0",
    "node-sass": "^4.12.0",
    "prettier": "^2.2.1",
    "sass-loader": "^8.0.2"
  },

今天看到这边，如果上述的理解有出入都在麻烦路过的侠客协助纠正了，感谢 (っಠ‿ಠ)っ