Project Description
For single-page application development front and rear ends after separation, you can use the latest language features ES Next, scss the like in the development of the front end vue.js based development environment. Project includes:
Base libraries: vue.js, vue-router, vuex , whatwg-fetch
compile / packaging tool: webpack, babel, node-sass
unit testing tools: karma, mocha, sinon-chai
local server: express
Directory Structure
├── README.md Projects ├── index.html entry page ├── build build scripts directory │ ├── build - server.js run a local build server, the page can be accessed after the building │ ├── build.js production environment build script │ ├── dev - client.js development server thermal overload script, it is mainly used to implement the development phase of the pages automatically refresh │ ├── dev - server.js run a local development server │ ├── utils.js build related utility │ ├── webpack.base.conf.js wabpack basic configuration │ ├── webpack.dev.conf.js wabpack development environment configuration │ └── webpack.prod.conf.js wabpack production environment configuration ├─ ─ config project configuration │ ├── dev.env.js development environment variables │ ├── index.js project configuration file │ ├── prod.env.js production environment variable │ └── test.env.js test environment variable ├── mock mock data directory │ └── hello.js ├── Package Penalty for .json npm package configuration file, which defines the script npm project, dependencies and other information ├ ── src source directory │ ├── main.js entrance js file │ ├── app.vue root component │ ├── components common component directory │ │ └── title.vue │ ├── Assets resource directory, where resources are constructed wabpack │ │ └── Images │ │ └── logo.png │ ├── distal routing routes │ │ └── the index.js │ ├── Store application level data (State) │ │ └── index.js │ └── page views directory │ ├── hello.vue │ └── notfound.vue ├──static purely static resources, not wabpack building. └── test test file directory (Unit & E2E) └── unit test Unit ├── index.js inlet script ├── karma.conf.js karma profile └── specs single probe case directory └── Hello. spec.js
From: Portal