proyecto
Para una sola página extremos delantero y trasero de desarrollo de aplicaciones después de la separación, se puede utilizar la última lengua presenta ES A continuación, SCS similares en el desarrollo de las vue.js extremo delantero entorno de desarrollo basado. Proyecto incluye:
bibliotecas de base: vue.js, vue-router, vuex , WHATWG-Recuperar la
compilación / envasado de herramienta: webpack, Babel, nodo-Sass
unidad de herramientas de prueba: karmas, moca, sinon-chai
servidor local: expreso
Estructura de directorios
├── README.md Proyectos ├── página de entrada index.html ├── guiones construir construir directorio │ ├── acumulación - server.js ejecutar un servidor de compilación locales, la página se puede acceder después de la construcción │ ├── build.js entorno de producción script de construcción │ ├── dev - servidor de desarrollo Client.js escritura de sobrecarga térmica, se utiliza principalmente para implementar la fase de desarrollo de las páginas de forma automática de actualización │ ├── dev - server.js ejecutar un servidor de desarrollo local │ ├── utils.js construir utilidad relacionada │ ├── webpack.base.conf.js wabpack de configuración básica de medio ambiente │ ├── webpack.dev.conf.js wabpack desarrollo de configuración │ └── webpack.prod.conf.js wabpack configuración del entorno de producción ├─ ─ proyecto de configuración configuración de las variables de entorno de desarrollo │ ├── dev.env.js │ ├── archivo de configuración del proyecto index.js │ ├── prod.env.js producción variable de entorno │ └── test.env.js variable de entorno de prueba ├── directorio de datos simulacro simulacro │ └── hello.js ├── Pena paquete de archivo de configuración del paquete NPM .json, que define el proyecto NPM guión, dependencias y otra información ├ ── directorio de origen src │ ├── main.js de archivos de entrada js │ ├── componente raíz app.vue │ ├── componentes de directorio componente común │ │ └── title.vue directorio │ ├── recursos activos, donde recursos se construyen wabpack │ │ └── Imágenes │ │ └── logo.png │ ├── distal rutas de enrutamiento │ │ └── los index.js │ ├── Almacenar datos de nivel de aplicación (Estado) │ │ └── index.js │ └── páginas vistas directorio │ ├── hello.vue │ └── notfound.vue ├──estáticas recursos puramente estáticos, no wabpack construcción. └── directorio de archivos de prueba de la prueba (Unidad y E2E) └── prueba de la unidad Unidad ├── index.js de guión de entrada ├── karma.conf.js karma perfil especificaciones └── caso directorio sola sonda └── Hola. spec.js
De: Portal