??前言

該樣板適用于大型和嚴肅的項目，用于快速搭建企業(yè)級的vue項目。

如果你只想嘗試vue-loader或快速制作出原型，請改用webpack-simple模板。

??快速開始

要使用此模板，請使用vue-cli搭建項目。建議使用npm 3+以獲得更有效的依賴關系樹。

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

[圖片上傳失敗...(image-8f7a2b-1648582372365)]

安裝完成后，成功運行：

[圖片上傳失敗...(image-38886c-1648582372365)]

??項目結構

.
├── build/                      # webpack配置文件
│   └── ...
├── config/
│   ├── index.js                # 主要項目配置
│   └── ...
├── src/
│   ├── main.js                 # 應用入口文件
│   ├── App.vue                 # 主應用程序組件
│   ├── components/             # ui組件
│   │   └── ...
│   └── assets/                 # 模塊資源（由webpack處理）
│       └── ...
├── static/                     # 純靜態(tài)資源（直接復制）
├── test/
│   └── unit/                   # 單元測試
│   │   ├── specs/              # 測試spec文件
│   │   ├── index.js            # 測試構建條目文件
│   │   └── karma.conf.js       # 測試跑步者配置文件
│   └── e2e/                    # e2e測試
│   │   ├── specs/              # 測試spec文件
│   │   ├── custom-assertions/  # e2e測試的自定義斷言
│   │   ├── runner.js           # 測試跑步腳本
│   │   └── nightwatch.conf.js  # 測試跑步者配置文件
├── .babelrc                    # babel 配置
├── .postcssrc.js               # postcss 配置
├── .eslintrc.js                # eslint 配置
├── .editorconfig               # editor 配置
├── index.html                  # index.html模板
└── package.json                # 構建腳本和依賴關系

前后端分離的一個項目搭建的進度完成了1/3，下一步是配置跨域和請求，
我是Java白羊??，一只想做全棧的小羊，感謝大家的觀看ヾ(?°?°?)??！