Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Metnew/vue-element-starter
Vue starter with Element-UI [READY, unmaintained now]
https://github.com/Metnew/vue-element-starter
boilerplate element-ui javascript js setup starter template vue vuejs2 vuex webpack
Last synced: 3 months ago
JSON representation
Vue starter with Element-UI [READY, unmaintained now]
- Host: GitHub
- URL: https://github.com/Metnew/vue-element-starter
- Owner: Metnew
- License: mit
- Archived: true
- Created: 2017-02-12T02:39:57.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-12T07:05:59.000Z (over 5 years ago)
- Last Synced: 2024-03-15T06:53:01.225Z (3 months ago)
- Topics: boilerplate, element-ui, javascript, js, setup, starter, template, vue, vuejs2, vuex, webpack
- Language: JavaScript
- Homepage: https://metnew.github.io/vue-element-starter/
- Size: 2.19 MB
- Stars: 217
- Watchers: 12
- Forks: 42
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Components & Libraries / Scaffold)
- awesome-github-vue - vue-element-starter - vue启动页 (开发框架)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Components & Libraries / Scaffold)
- awesome-element - Vue-Element-Starter - Robust, simple Vue starter with Element-UI (Boilerplates)
- awesome-vue-refactor - Vue-Element-Starter
- awesomer-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Components & Libraries / Scaffold)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-github-vue - vue-element-starter - vue启动页 (开发框架)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-vue. - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-github-vue - vue-element-starter - vue启动页 (开发框架)
- awesome-vue - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome - vue-element-starter - vue启动页 (开发框架)
- awesome-vue - Vue Element Starter ★205 - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
- awesome-vuejs - Vue Element Starter - Robust Vue 2 starter with Element-UI. (Scaffold / Client)
README
# Vue-Element-Starter
#### Demo: https://metnew.github.io/vue-element-starter/
[](https://www.bithound.io/github/Metnew/vue-element-starter)
[](https://www.bithound.io/github/Metnew/vue-element-starter/master/dependencies/npm)
[](https://snyk.io/test/github/metnew/vue-element-starter)
## Includes:
- [Element](http://element.eleme.io/#/en-US) and normalize.css
- [Vue -v 2.1](https://vuejs.org/) & Vue-router
- [Vuex](https://github.com/vuejs/vuex) & Vuex-router-sync
- [Fetch polyfill](https://www.npmjs.com/package/whatwg-fetch)
- [Webpack](https://webpack.github.io/)
- [TestCafe](https://testcafe.devexpress.com/) 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](https://github.com/egoist/vuepack)
## To start:
```bash
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](https://www.npmjs.com/package/element-theme) generates default styles. Just **change primary-color** in `./client/element-variables.css` and run:
```bash
npm run generate_theme
```
Now app is ready and you can run it with:
```bash
npm run dev
```
Make production build:
```bash
npm run build
```
### Also
PRs, issues, questions, \ are always welcome.
Feel free to contact me (or add new issue).
### Author
Vladimir Metnew
### LICENSE
MIT