今天回到大神的教學 重新認識 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"
  },

今天看到這邊，如果上述的理解有出入都在麻煩路過的俠客協助糾正了，感謝 (っಠ‿ಠ)っ