bpit vue

bpit-vue

Introdução

O que é BPIT/VUE?

O BPIT/VUE não é um kit de interface do usuário do componente, não tivemos o tema consistente para esses componentes, é apenas uma coleção de componentes de efeitos.

O BPIT/VUE é um bom lugar para iniciantes aprenderem a criar seus kits de interface do usuário. Agora, é apenas uma vitrine dos efeitos que posso reunir na Internet (Codepen, Github ...) e transferido para Vue things

O que nos concentramos?

Nós nos concentramos nos efeitos desses componentes que não sejam funcionários. É por isso que não é um kit de interface do usuário.

Levamos mais tempo na parte do CSS e esperamos torná -lo mais geral e fácil de usar, por isso o encapsulamos em componentes/diretrizes do VUE.

Por que precisamos disso?

Existem tantos recursos na Internet que podemos usá -los para economizar tempo e ser mais eficientes. O BPIT/Vue os coleta, encapsula -os, os atribui.

Instale fácil && Importar sob demanda && tudo em um só lugar

importação sob demanda

NPM Instale Babel-Plugin-Import-Save-Dev

Babel.config.js

plugins: [
  [
    "import" ,
    {
      libraryName : "@bpit/vue" ,
      camel2DashComponentName : false ,
      customName : name => {
        return `@bpit/vue/src/components/ ${ name } `
      }
    }
  ]
] 

componentes de importação

 import { FlockBanner , FAB , FlockButton } from "@bpit/vue"

const FABItem = FAB . FABItem
const FABTrigger = FAB . FABTrigger
const FABContainer = FAB . FABContainer

amostra

 < FlockBanner > This is a banner! </ FlockBanner >
< FlockButton > Submit </ FlockButton >
< FABContainer :expand =" expand " >
  < FABItem @click =" test " href =" # " style =" background-color:red " tooltip =" Google+ "
    > A </ FABItem
  >
  < FABItem href =" # " tooltip =" Google+ " > B </ FABItem >
  < FABItem href =" # " tooltip =" Google+ " > C </ FABItem >
  < FABItem href =" # " tooltip =" Google+ " > D </ FABItem >
  < FABTrigger @click =" test " class =" trigger " tooltip =" share " > </ FABTrigger >
</ FABContainer > 

Configuração do projeto

 npm install

Compilam e reloades quentes para desenvolvimento

 npm run serve

Compila e minifica para a produção

 npm run build

Execute seus testes

 npm run test

Fios e correções arquivos

 npm run lint