vue boilerplate typescript

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

Un texto estándar mecanografiado para Vue.js con Vue CLI 3.x que utiliza:

• vuex
• enrutador vue
• Elemento-UI
• i18n
• axios
• Fuente impresionante
• ...

Requisitos

• Node.js (npm)

Instalación

1. Instalar Vue CLI 3.x

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

2. Instalar las dependencias

    npm install
   # OR
   yarn install
   

Arquitectura

Esta es la forma en que personalmente estructuro los proyectos de Vue.js. No dude en modificarlo para adaptarlo a sus necesidades.

• ? assets : contiene todos los activos, como imágenes o archivos de sonido.
• ? components : Contiene todos los componentes Vue .
• ? layouts : contiene todos los diseños Vue que se pueden configurar en el vue-router .
• ? models : contiene todos los modelos necesarios para la lógica empresarial.
• ? requests : contiene todas las solicitudes necesarias para comunicarse con la API.
• ? rules : contiene todas las reglas de validación reutilizables.
• ? services : Contiene todos los servicios que satisfacen las solicitudes web.
• ? store : Contiene todos los módulos que utiliza vuex -store.
• ? style : contiene todas las hojas de estilo.
• ? translations : Contiene todas las traducciones como archivos .ts .
• ? views : contiene todas las vistas que se utilizan en vue-router .

Comandos

Compila y recarga en caliente para desarrollo.

 npm run serve
# OR
yarn run serve

Compila y minimiza para producción.

 npm run build
# OR
yarn run build

Lints y archivos de arreglos

 npm run lint
# OR
yarn run lint

Personalizar la configuración

Consulte la Referencia de configuración.