egg typescript element kit

egg-typescript-element-kit

Baseado em Egg + TypeScript + Element + Webpack3 projeto de engenharia completo isomórfico de renderização de cliente do lado do servidor de várias páginas e de uma página.

• Sistema de recepção: http://localhost:7001

• Sistema back-end: http://localhost:7001/admin

1. Introdução do projeto

Versão do plug-in

• Ovo: ^2.xx
• Nó: Nó ^8.x.x+,
• Webpack^4.xx
• Valor: ^2.5.0
• Texto datilografado: ^2.6.2
• IU do elemento: ^2.0.0
• easywebpack-vue
• egg-view-vue-ssr
• ovo-webpack
• ovo-webpack-vue

Características do projeto

• Suporta código lateral Egg Node e escrita e construção de código front-end TypeScript

• Apoiar a construção automatizada do trabalhador de serviço

• Suporta recursos assíncronos e aguardados, o controlador é escrito em modo de classe

• Suporta modificação de código de servidor e cliente, compilação em tempo real do Webpack e atualização a quente, npm run dev inicialização do aplicativo com um clique

• Baseado na implementação isomórfica do cliente do servidor de página única vue + vuex + vue-router + axios

• Suporta ambiente de desenvolvimento, ambiente de teste e compilação de Webpack em ambiente formal

• Suporte à dependência de recursos js/css/image, suporte integrado para recursos CDN

• Suporta construção automatizada de Webpack DLL

• Suporta renderização do lado do servidor do componente Vue e carregamento assíncrono

2. Funções do sistema

Sistema de blog de recepção

Usando renderização do lado do servidor Egg + Vue

• Página inicial do blog
• Exibição da lista de artigos do blog
• Página de detalhes do artigo do blog
• Navegação por categoria de blog

Sistema de gerenciamento de back-end

Usando Egg + Vue + Vue-Router + Element renderização isomórfica do lado do servidor de página única

• Login do usuário
• Cadastro de usuário
• Painel
• Gerenciamento de artigos
• Markdown adicionar artigo
• Gerenciamento de permissões

3. Uso

3.1 Instalar dependências

npm install
npm start

3.2 Inicie o aplicativo

npm run dev

Acesso ao aplicativo: http://127.0.0.1:7001

3.3 Construir

• Construção de ovo TypeScript

npm run tsc

• Construção de projeto front-end TypeScript

npm run tsc

3.4 Implantação de pacote

1. Primeiro execute npm run build para construir o código TypeScript Egg e o código front-end TypeScript
2. O código do projeto e o código de construção são empacotados juntos
3. Após a implantação do aplicativo, inicie-o por meio npm start

4. Documentação

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

5. Referências

• vue-element-admin

Licença

MIT