Awesome
Vue-Element-Starter
Demo: https://metnew.github.io/vue-element-starter/
<a target="_blank" rel="nofollow" href="https://app.codesponsor.io/link/cFthevq5iGu9WkCHS316WqmS/Metnew/vue-element-starter"> <img alt="Sponsor" src="https://app.codesponsor.io/embed/cFthevq5iGu9WkCHS316WqmS/Metnew/vue-element-starter.svg" /> </a>
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 vladimirmetnew@gmail.com
LICENSE
MIT