vue spa project

projet-vue-spa

Basé sur la pile technologique vue.js, il adopte la conception MVC et d'autres structures hiérarchiques, la conception de découplage des données, la composition en composants et la construction automatisée de projets d'application d'une seule page.

pile technologique

• vue.js (2.4)
• vuex (gestion de l'état)
• vue-router (routage frontal, chargement asynchrone)
• fetch (remplace ajax et rend les requêtes réseau plus efficaces)
• element-ui (bibliothèque de composants d'interface utilisateur côté PC basée sur vue)

Webpack (construction automatisée)

• Précompilation Babel (ES6, SCSS, etc.) et composants asynchrones pour implémenter le chargement différé de routage
• Contrôle qualité du code ESlint, tout le code doit être écrit conformément aux spécifications standard pour réussir la compilation et éviter certaines erreurs de bas niveau
• Le serveur de développement local surveillera les modifications des fichiers, compilera et actualisera automatiquement le navigateur
• Données fictives front-end, pas besoin d'attendre la mise en œuvre de l'interface back-end
• Le serveur de test déploie automatiquement le déploiement (vous devez démarrer un script de réception écrit par nœud sur le serveur : file-receiver)

Si le rendu côté serveur (SSR) est requis, il est recommandé d'utiliser : NUXT

Configuration de la construction

 # 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