shards vue

Shards Vue es un kit de usuario de vue.js gratis, hermoso y moderno
Basado en fragmentos.

Documentación y demostración • Página oficial

Empezando

Comenzar con Shards Vue es bastante simple. Puede descargar Shards Vue a través del sitio web oficial, aquí en GitHub como un paquete de lanzamiento o utilizando un administrador de paquetes como hilo o npm.

• Sitio web oficial
• Paquete de lanzamiento

Comienzo rápido

Puede instalar fragmentos Vue a través de hilo o npm.

// Install via Yarn
yarn add shards-vue

// Install via NPM
npm i shards-vue

Bundlers de módulos

Si está utilizando un Bundler de módulo como Webpack o Rollup, puede incluir toda la biblioteca Vue Shards dentro de su proyecto.

 import Vue from 'vue'
import ShardsVue from 'shards-vue'

// Import base styles (Bootstrap and Shards)
import 'bootstrap/dist/css/bootstrap.css'
import 'shards-ui/dist/css/shards.css'

Vue . use ( ShardsVue ) ;

Registrar componentes como complementos VUE

Si desea registrar solo ciertos componentes como complementos VUE, asegúrese de importar solo el componente que desea usar.

 import Vue from 'vue'

// Import base styles (Bootstrap and Shards)
import 'bootstrap/dist/css/bootstrap.css'
import 'shards-ui/dist/css/shards.css'

import { Button } from 'shards-vue/src/components'
Vue . use ( Button )

Importación de componentes de un solo archivo

La importación de componentes de un solo archivo también es posible.

< template >
    < d-button @click = " handleClick " >Click Me!</ d-button >
</ template >

< script >
import dButton from ' shards-vue/src/components/button/Button '

export default {
    components : {
        dButton
    },
    methods : {
        handleClick () {
            alert ( ' You just clicked me! ' )
        }
    }
}
</ script >

Tamaños de archivo

También puede ejecutar yarn bundlesize en cualquier momento para verificar los tamaños de archivo compilados.

Nombre del archivo	Tamaño (min.gz)
fragmentos-vue.common.min.js	46.29kb
fragmentos-vue.esm.min.js	46.24kb
fragmentos-vue.umd.min.js	39.3kb

Construido con

• Kit de usuario de fragmentos
• Nouislider de Léon Gersen (licencia WTFPL)
• vuejs-datepicker

Que contribuye

Lea Contriping.MD para obtener detalles sobre nuestro código de conducta y el proceso para enviarnos solicitudes de extracción.

Si desea corregir un error o trabajar en una función, asegúrese de seguir los pasos a continuación para configurar el entorno de desarrollo en su máquina local:

1. Clon el repositorio.
2. Ejecute yarn para instalar todas las dependencias requeridas.
3. Instale Vue CLI y el servicio CLI a nivel mundial ejecutando: npm i -g @vue/cli @vue/cli-service-global o yarn global add @vue/cli-service-global .
4. Ejecute yarn watch para iniciar el servidor y ejecutar el sandbox con recarga caliente.
5. Consulte el archivo sandbox/Sandbox.vue para obtener más detalles.

Hoja de ruta

Ver la hoja de ruta.

Colegio de cambios

Ver cambios notables.