egg typescript element kit

kit d'éléments dactylographiés-oeufs

Basé sur Egg + TypeScript + Element + Webpack3, projet d'ingénierie complet isomorphe de rendu client côté serveur multipage et monopage.

• Système de réception : http://localhost:7001

• Système backend : http://localhost:7001/admin

1. Présentation du projet

Version du plugin

• Oeuf : ^2.xx
• Nœud : Nœud ^8.x.x+,
• Pack Web ^ 4.xx
• Vue : ^2.5.0
• TypeScript : ^2.6.2
• Interface utilisateur de l'élément : ^2.0.0
• easywebpack-vue
• oeuf-view-vue-ssr
• oeuf-webpack
• oeuf-webpack-vue

Caractéristiques du projet

• Prise en charge du code latéral Egg Node et de l'écriture et de la construction de code frontal TypeScript

• Travailleur de service de soutien à la construction automatisée

• Prend en charge les fonctionnalités asynchrones et en attente, le contrôleur est écrit en mode classe

• Prend en charge la modification du code serveur et client, la compilation en temps réel et la mise à jour à chaud de Webpack, le démarrage de l'application en un clic npm run dev

• Basé sur l'implémentation isomorphe du client de serveur monopage vue + vuex + vue-router + axios

• Prend en charge l'environnement de développement, l'environnement de test et l'environnement formel Compilation Webpack

• Prise en charge de la dépendance aux ressources js/css/image, prise en charge intégrée des fonctionnalités CDN

• Prise en charge de la construction automatisée de DLL Webpack

• Prise en charge du rendu côté serveur des composants Vue et du chargement asynchrone

2. Fonctions du système

Système de blog à la réception

Utilisation du rendu côté serveur Egg + Vue

• Page d'accueil du blog
• Affichage de la liste des articles du blog
• Page de détails de l'article de blog
• Navigation dans les catégories du blog

Système de gestion back-end

Utilisation du rendu isomorphe côté serveur d'une seule page Egg + Vue + Vue-Router + Element

• Connexion utilisateur
• Inscription des utilisateurs
• Tableau de bord
• Gestion des articles
• Markdown ajouter un article
• Gestion des autorisations

3. Utiliser

3.1 Installer les dépendances

npm install
npm start

3.2 Démarrez l'application

npm run dev

Accès aux applications : http://127.0.0.1:7001

3.3 Construire

• Construction d'œufs TypeScript

npm run tsc

• Construction de projets front-end TypeScript

npm run tsc

3.4 Déploiement du package

1. Exécutez d’abord npm run build pour créer le code TypeScript Egg et le code frontal TypeScript
2. Le code du projet et le code de build sont regroupés ensemble
3. Une fois l'application déployée, démarrez l'application via npm start

4.Documents

• http://hubcarl.github.io/easywebpack/vue/rule
• https://zhuanlan.zhihu.com/easywebpack

5. Références

• vue-element-admin

Licence

MIT