configuration vue mod dummys

config_proyect_vue.md

step by step configuration vue

Instalar vue de manera global

npm install vue-cli -g

Ejecutar el vue-cli con la plantilla webpack-simple

vue init webpack-simple books-vue

Una vez instalado correr las dependencias de npm

cd <nombre-proyecto>
yarn
yarn dev

Configurar Eslint en proyecto:

• Primero instalar eslint en el proyecto

yarn add eslint 

• Crear archivo de configuracion .eslintrc en la raiz del proyecto
• Si tienes alguna regla especial puedes añadirla o extenderla.

{
  "parserOptions": {
    "sourceType": "module"
  },
  "extends": "eslint-config-und"
}

Vue Class

• Para poder que vue sea orientado a clases instalar la dependencia de node "vue-class-component"

yarn add vue-class-component -D

• Para usar las propiedades de vue orientado a clases instalar la dependencia de node "vue-property-decorator"

yarn add vue-property-decorator -D

• Para que babel entienda esa sintaxis se instala el plugin "babel-plugin-transform-class-properties"

yarn add babel-plugin-transform-class-properties -D

• Ademas se configura el file .babelrc añadiendo el plugin instalado "transform-class-properties"

{ 
  "plugins":[
    "transform-class-properties"
  ]
}

• Para poder usar los