vue girls

chicas vue

Este proyecto se basa en el último proyecto de combate real de Vue2, que realiza el rodamiento más ilimitado de terminales móviles, imágenes cargadas, deslizantes a la izquierda y derecha, etc.

###primero

---

• Esta dirección de elemento dirección github

Tecnología de proyectos

---

• vue-cli
• vue
• recursos
• enrutador de vue
• vuex
• Vue-Awesome-Swiper
• vue-infinito
• Aguja
• pájaro web

### arriba

• Diseño de flujo de cascada, rodadura ilimitada, imagen de imagen perezosa

• Deslizándose a la izquierda y a la derecha, cambie hacia la izquierda y hacia la derecha

###Instalar

---

Dirección del proyecto: ( git clone )

git clone https://github.com/xiaoyaopai/vue-Meizi.git

Instale el módulo de dependencia del tercer servicio de servicio local a través de npm (necesita instalar Node.js)

 npm install

Servicio inicial (http: // localhost: 9090)

 npm run dev

Publicar código

 npm run build

Prestar atención

Instalar vue-cli

 npm install -g vue-cli

Instalar vue-cli eslint

 npm install -g eslint

La instalación depende

 npm install friendly-errors-webpack-plugin --save-dev

### Estructura del directorio

---

 D ── Build // Configuración del servicio de construcción y pañuelo de web ├ ─ ─ Configuración en diferentes entornos del proyecto ├ ├ ├ —1 Dist // Directorio de compilación de proyectos ├ ─ ├ ├ ├ - Archivo de configuración del proyecto S ── 件 ├ ─ ─ ─ │ │ │ │ │ ├ ─ ─common // recursos públicos de css js │ ├ ─ ─ Varios componentes │ ├ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ Vue / / página de inicio 
│ u── vuex // Vuex Status Manager │ ├ ─ Router.js // Configuración de enrutamiento │ └ └ - Main.js // Intranatura previa de compilación de Webpack

### Función de implementación

---

• Diseño del flujo de cascada
• Rolling infinito
• Navegación lateral
• Imagen carga perezosa
• Deslizar a la izquierda y a la derecha
• etc.