Vue primera semana

vue desarrollo de la primera semana

tarea

Incluye el desarrollo de un cantante páginas, las páginas de búsqueda, por lo que la música Aplicación.
13 el componente de base 15 y los componentes de negocio, el uso de interfaces de línea.

El conocimiento Point

marco MVVM: esencialmente una versión mejorada del MVC, bajo acoplamiento, la reutilización, el desarrollo independiente, puede ser probado.
ES6: ECMAScript6.0 nombre completo, JS es la próxima versión de la norma.
Cli-VUE: andamios vue refiere vue-cli, que está diseñado para una aplicación de una sola página para construir rápidamente andamiaje complejo, se puede crear fácilmente nuevas aplicaciones y se puede utilizar para generar automáticamente las plantillas de proyecto y webpack de vue.
vue-cli cli Vue es una oferta oficial, específicamente para la aplicación de una sola página a construir rápidamente complejos andamios. Se utiliza para generar automáticamente vue.js + plantilla webpack proyecto es proporcionar unas modernas baterías de flujo de trabajo incluida parte delantera.

Vue-CLI instalar y crear un proyecto

Primero instale webpack

1 | npm install webpack -g或者(npm install -g webpack)

webpack 4.X inicio, es necesario instalar webpack-cli-dependiente, utilice el comando NPM instalar webpack webpack-cli -g, también puede ser recordado de forma automática cuando se ve el número de versión
Aquí Insertar imagen Descripción
para ver el número de versión webpack usando webpack -v
Aquí Insertar imagen Descripción
entrar en el símbolo del sistema de actualización de la NGP
Aquí Insertar imagen Descripción
instalación vue-cli

2 | npm install -g @vue/cli  //yarn global add @vue/cli

Después de que la instalación se haya completado, introduzca vue -V (mayúsculas V) para ver el número de versión de la
Aquí Insertar imagen Descripción
configuración de la instalación en la NGP, y el proyecto Vue y crear una estructura de directorios
Aquí Insertar imagen Descripción
Aquí Insertar imagen Descripción
después de una carrera exitosa, la interfaz es la siguiente:
Aquí Insertar imagen Descripción
Crear una estructura de directorios del proyecto:
Aquí Insertar imagen Descripción

Liberadas nueve artículos originales · ganado elogios 0 · Vistas 234

Supongo que te gusta

Origin blog.csdn.net/qq_43475690/article/details/104902600
Recomendado
Clasificación