vue boilerplate typescript

Boilerplate Vue.js, Typescript, Vuex, Vue-Router, Element-UI, i18n, axios, Font Awesome

Um modelo de texto digitado para Vue.js com Vue CLI 3.x que usa:

• vuex
• roteador vue
• Elemento-UI
• i18n
• eixos
• Fonte incrível
• ...

Requisitos

• Node.js (npm)

Instalação

1. Instale o Vue CLI 3.x

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. Instale as dependências

    npm install
   # OR
   yarn install
   

Arquitetura

É assim que eu pessoalmente estruturo os projetos Vue.js. Sinta-se à vontade para modificá-lo para atender às suas necessidades.

• ? assets : contém todos os ativos, como imagens ou arquivos de som.
• ? components : contém todos os componentes Vue .
• ? layouts : Contém todos Vue -Layouts que podem ser definidos no vue-router .
• ? models : contém todos os modelos necessários para a lógica de negócios.
• ? requests : contém todas as solicitações necessárias para comunicação com a API.
• ? rules : contém todas as regras de validação reutilizáveis.
• ? services : contém todos os serviços que atendem às solicitações da web.
• ? store : Contém todos os módulos que estão sendo usados ​​pelo vuex -store.
• ? style : Contém todas as folhas de estilo.
• ? translations : contém todas as traduções como arquivos .ts .
• ? views : contém todas as visualizações que estão sendo usadas no vue-router .

Comandos

Compila e recarrega a quente para desenvolvimento

 npm run serve
# OR
yarn run serve

Compila e minimiza para produção

 npm run build
# OR
yarn run build

Lints e corrige arquivos

 npm run lint
# OR
yarn run lint

Personalizar configuração

Consulte Referência de configuração.