vue spa project

vue-spa-project

基於vue.js技術棧，採用MVC等分層結構設計、資料解耦設計、組件化和自動化構建的單頁應用項目。

技術堆疊

• vue.js（2.4）
• vuex（狀態管理）
• vue-router（前端路由，非同步載入）
• fetch（替代ajax，更有效率地進行網路請求）
• element-ui（基於vue的PC端UI元件庫）

Webpack（自動建置）

• Babel預編譯（ES6、SCSS等），與非同步元件實作路由懶加載
• ESlint程式碼品質控制，所有程式碼編寫必須按照標準規範才能通過編譯，並避免一些低階錯誤
• 本機開發伺服器會監聽檔案修改，自動編譯和刷新瀏覽器
• 前端mock數據，無需等待後端介面實現
• 測試伺服器自動部署deploy（需要在伺服器上啟動一個node寫的接收腳本: file-receiver）

如果需要服務端渲染(SSR)，建議使用：NUXT

Build Setup

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update