Awesome Open Source
Awesome Open Source

Vue-Element-Starter

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

Sponsor

bitHound Overall Score bitHound Dependencies Known Vulnerabilities

Includes:

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,538,553
Vue (83,330
Js (9,761
Webpack (9,758
Template (8,126
Boilerplate (5,618
Vuex (3,171
Vuejs2 (2,601
Starter (1,277
Element Ui (1,233
Setup (555
Related Projects