vue spa project

Vue-Spa-Projekt

Basierend auf dem vue.js-Technologie-Stack übernimmt es MVC und andere hierarchische Strukturdesigns, Datenentkopplungsdesigns, Komponentisierung und automatisierte Erstellung von Einzelseiten-Anwendungsprojekten.

Technologie-Stack

• vue.js (2.4)
• vuex (Staatsverwaltung)
• Vue-Router (Front-End-Routing, asynchrones Laden)
• fetch (ersetzt Ajax und macht Netzwerkanfragen effizienter)
• element-ui (PC-seitige UI-Komponentenbibliothek basierend auf Vue)

Webpack (automatisierter Build)

• Babel-Vorkompilierung (ES6, SCSS usw.) und asynchrone Komponenten zur Implementierung von Routing-Lazy-Loading
• Qualitätskontrolle des ESlint-Codes: Der gesamte Code muss gemäß den Standardspezifikationen geschrieben werden, um die Kompilierung zu bestehen und einige Fehler auf niedriger Ebene zu vermeiden
• Der lokale Entwicklungsserver überwacht Dateiänderungen, kompiliert und aktualisiert den Browser automatisch
• Front-End-Mock-Daten, kein Warten auf die Implementierung der Back-End-Schnittstelle erforderlich
• Der Testserver stellt die Bereitstellung automatisch bereit (Sie müssen ein vom Knoten auf dem Server geschriebenes Empfangsskript starten: file-receiver)

Wenn serverseitiges Rendering (SSR) erforderlich ist, wird die Verwendung von NUXT empfohlen

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