1.0.64 • Published 4 years ago

unimestre-components-base1 v1.0.64

Weekly downloads
-
License
-
Repository
-
Last release
4 years ago

💻 Sobre o projeto

Unimestre, Design System da Unimestre, foi desenvolvido pensando em facilitar o trabalho da nossa equipe de desenvovedores. Unindo design e agilidade, você poderá criar novos produtos Unimestre sem perder tempo e seguindo o padrão dos nossos demais produtos!

Curtiu? Clique aqui para acessar o nosso pacote NPM, qualquer um pode testar :)


⚙️ Como tudo funciona

O Design System - Unimestre, pode ser entendido como uma extensão de componentes do Vuetify adaptados para as necessidades do nosso time, contendo também regras de layout, cores e tipografia da Log. Dessa forma, temos aqui todos os nossos padrões de componentes para que a equipe possa usufruir sem a necessidade de pensar em regras de design e funcionalidades de componentes, maneiro né?


🚀 Como executar o projeto

Pré-requisitos

Rodando o projeto

# Clone o repositório
$ git clone https://vlduggen@bitbucket.org/plataformaamais/components.git

# Acesse a pasta do projeto do pacote pelo terminal
$ cd components/

# Instale as dependências
$ yarn install ou npm install

📖 Usando a dependência

Pré-requisitos

$ yarn add unimestre-components-base1 
# ou caso você use o
$ npm install unimestre-components-base1

Logo após a instalação, vá até seu arquivo main.js do Vue

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'

// 1 - Importe a dependência
import UnimestreComponents from 'unimestre-components-base1';

Vue.config.productionTip = false

// 2 - Declare o plugin
Vue.use(UnimestreComponents);

// 3 - Declare ele na instância do Vue
new Vue({
  vuetify,
  UnimestreComponents,
  render: h => h(App)
}).$mount('#app')

Caso quiser testar para ver se funcionou (Opcional)

/*
* 1 - Vá até seu arquivo App.vue
* 2 - Altere o arquivo pelo seguinte código:
*/
<template>
  <v-app>
    <UButton color="primary">
      My Button
    </UButton>
  </v-app>
</template>

<script>
export default {
  name: 'App',
};
</script>

Rodando o projeto Vue (Opcional)

$ yarn serve
# ou
$ npm run serve

🛠 Tecnologias

As seguintes ferramentas são usadas na construção do projeto:

Utilitários

1.0.64

4 years ago

1.0.63

4 years ago

1.0.62

4 years ago

1.0.61

4 years ago

1.0.60

4 years ago

1.0.59

4 years ago

1.0.58

4 years ago

1.0.57

4 years ago

1.0.56

4 years ago

1.0.55

4 years ago

1.0.54

4 years ago

1.0.53

4 years ago

1.0.52

4 years ago

1.0.51

4 years ago

1.0.50

4 years ago

1.0.49

4 years ago

1.0.48

4 years ago

1.0.47

4 years ago

1.0.46

4 years ago

1.0.45

4 years ago

1.0.44

4 years ago

1.0.43

4 years ago

1.0.42

4 years ago

1.0.41

4 years ago

1.0.40

4 years ago

1.0.39

4 years ago

1.0.38

4 years ago

1.0.37

4 years ago

1.0.36

4 years ago

1.0.35

4 years ago

1.0.34

4 years ago

1.0.33

4 years ago

1.0.32

4 years ago

1.0.31

4 years ago

1.0.30

4 years ago

1.0.29

4 years ago

1.0.28

4 years ago

1.0.27

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.20

4 years ago

1.0.19

4 years ago

1.0.18

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago