Metnew / Vue Element Starter
Licence: mit
Vue starter with Element-UI [READY, unmaintained now]
Stars: ✭ 216
Programming Languages
javascript
184084 projects - #8 most used programming language
js
455 projects
Projects that are alternatives of or similar to Vue Element Starter
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+1056.02%)
Mutual labels: webpack, vuex, vuejs2, element-ui
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (+39.35%)
Mutual labels: webpack, vuex, vuejs2, element-ui
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (+191.2%)
Mutual labels: webpack, boilerplate, vuex, vuejs2
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✭ 224 (+3.7%)
Mutual labels: webpack, starter, boilerplate, template
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+343.52%)
Mutual labels: webpack, starter, boilerplate, template
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (-45.37%)
Mutual labels: webpack, vuex, element-ui
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (+668.06%)
Mutual labels: webpack, vuex, element-ui
Vue2 Manage
基于 vue + element-ui 的后台管理系统
Stars: ✭ 11,345 (+5152.31%)
Mutual labels: webpack, vuex, element-ui
Automatic Gatsbyjs App Landing Page
Automatic GatsbyJS App Landing Page - Automatically generate iOS app landing page using GatsbyJS
Stars: ✭ 137 (-36.57%)
Mutual labels: starter, boilerplate, template
Koa Vue Notes Web
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.
Stars: ✭ 200 (-7.41%)
Mutual labels: boilerplate, vuex, template
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-45.83%)
Mutual labels: webpack, boilerplate, template
Bento Starter
🍱 Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
Stars: ✭ 1,519 (+603.24%)
Mutual labels: starter, vuex, template
Web Extension Starter
Typescript, React, Redux, Styled-Component and Webpack based sample extension boilerplate. Runs on Chrome and Firefox. Sample chrome extension.
Stars: ✭ 115 (-46.76%)
Mutual labels: webpack, starter, boilerplate
Vue Meizi
vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
Stars: ✭ 1,476 (+583.33%)
Mutual labels: webpack, vuex, element-ui
React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Stars: ✭ 169 (-21.76%)
Mutual labels: webpack, boilerplate, template
Awesome Chrome Extension Boilerplate
Use react + typescript + webpack to enhance your chrome extension development experience
Stars: ✭ 146 (-32.41%)
Mutual labels: webpack, boilerplate, template
React Hooks Mobx State Tree
React Hooks + MobX State Tree + TypeScript = 💛
Stars: ✭ 169 (-21.76%)
Mutual labels: starter, boilerplate, template
Gas Clasp Starter
A starter template for Google Apps Script by clasp
Stars: ✭ 184 (-14.81%)
Mutual labels: webpack, boilerplate, template
Vue-Element-Starter
https://metnew.github.io/vue-element-starter/
Demo: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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].