Vue-Element-Starter

Demo: https://metnew.github.io/vue-element-starter/

Includes:

• Element and normalize.css
• Vue -v 2.1 & Vue-router
• Vuex & Vuex-router-sync
• Fetch polyfill
• Webpack
• TestCafe for testing
• Eslint, Babel (stage-0)

Out-of-box:

(theme color is purple, but you can use your own color, more info below)

Folder structure:

app
├── build // webpack config files
├── client - Your App
│   └── components - your components
│   ├── router - routing
│   ├── store - Vuex store
│   ├── styles - styles folder with scss vars, mixins, etc.
│   ├── views - your pages
│   ├── app.js - import dependencies and App component
│   ├── index.js - main file
│   ├── pwa.js - for PWA apps
├── dist - build.
├── static - static assets, etc.
├── tests - Your tests
├── theme - Element UI generated theme

Template built based on Vuepack bolirplate

To start:

 git clone https://github.com/Metnew/vue-element-starter.git vue-project  
 cd vue-project && rm -rf .git
 npm install
 npm run generate_default_styles # run this command to generate default_styles for Element-theme

Element-theme generates default styles. Just change primary-color in ./client/element-variables.css and run:

 npm run generate_theme

Now app is ready and you can run it with:

 npm run dev

Make production build:

 npm run build

Also

PRs, issues, questions, <something-another> are always welcome.
Feel free to contact me (or add new issue).

Author

Vladimir Metnew [email protected]

LICENSE

MIT