Saltar al contenido

¿Cómo instalar vuetify 2.0 beta en el nuevo proyecto vue cli?

Agradeceríamos tu apoyo para extender nuestras crónicas sobre las ciencias de la computación.

Solución:

No incluya archivos .styl, básicamente está obsoleto.
Eliminar node-sass e instalar sass

$ npm uninstall node-sass
$ npm i -D sass

y modifica tu plugins/vuetify.js expediente

import Vue from 'vue'
import Vuetify from 'vuetify'


Vue.use(Vuetify)
export default new Vuetify( theme:  ...  )

Y main.js

new Vue(
  ...
  vuetify, // we add vuetify here
  render: (h) => h(App),
).$mount('#app')

Tenga en cuenta que las opciones de tema cambiaron en v2, el tema oscuro ahora se puede personalizar, por ejemplo

theme: 
  dark: true,
  themes: 
    light: 
      primary: '#42a5f5',
      //...
    ,
    dark: 
      primary: '#2196F3.
    ,
  ,
,
options: 
  customProperties: true,
,
icons: 
  iconfont: 'md', // default is 'mdi'

Más en documentos y nuevos documentos de estilo con respecto a sass.

Después de crear un nuevo proyecto vue nuevo, siga esos comandos:

# yarn
$ yarn add https://github.com/vuetifyjs/vue-cli-plugin-vuetify.git#dev -D
$ vue invoke vuetify

# npm
$ npm install https://github.com/vuetifyjs/vue-cli-plugin-vuetify.git#dev --save-dev
$ vue invoke vuetify

Creo que incluso funcionará con el proyecto que ya ha creado. Solo prueba los comandos de arriba.

Para obtener más información, consulte la versión v2.0.0-beta.0

Nos puedes ayudar nuestro cometido ejecutando un comentario o dejando una puntuación te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *