JerryYuanJ / A Vue App Template
🍪 基于vue的app模板项目,技术栈:mint-ui+vue2+vue-router+vuex+axios+echart+i18n+sass
Stars: ✭ 135
Projects that are alternatives of or similar to A Vue App Template
Vue Generator
A CLI generator for Vue components, views and store modules
Stars: ✭ 111 (-17.78%)
Mutual labels: vuejs2
Vuejs Poster Shop
Source code for "The Ultimate Vue.js Developers Course"
Stars: ✭ 116 (-14.07%)
Mutual labels: vuejs2
Vuejs2 Laravel53 Starter
A starter template for VueJs 2.0 with Laravel 5.4
Stars: ✭ 112 (-17.04%)
Mutual labels: vuejs2
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-13.33%)
Mutual labels: vuejs2
Sysmon
A B/S mode system monitor for linux (demo http://199.247.1.240:2048)
Stars: ✭ 110 (-18.52%)
Mutual labels: vuejs2
Genvue
GenVue is a hostable, web application that lets confidential users upload and share private files. Tech stack: Net Core 2.0 + Vue.js + Vuex + OpenIddict + Vuetifyjs + EF + SQLServer/Postgress
Stars: ✭ 116 (-14.07%)
Mutual labels: vuejs2
Vue Styleguide Generator
React inspired style guide generator for Vue.js
Stars: ✭ 123 (-8.89%)
Mutual labels: vuejs2
Vue2 Bootstrap Table
A sortable and searchable table, as a Vue2 component, using bootstrap styling.
Stars: ✭ 120 (-11.11%)
Mutual labels: vuejs2
Storefront Ui
Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.
Stars: ✭ 1,827 (+1253.33%)
Mutual labels: vuejs2
Apijson
🚀 零代码、热更新、全自动 ORM 库,后端接口和文档零代码,前端(客户端) 定制返回 JSON 的数据和结构。 🚀 A JSON Transmission Protocol and an ORM Library for automatically providing APIs and Docs.
Stars: ✭ 12,559 (+9202.96%)
Mutual labels: vuejs2
Laravel Coreui Vue
Laravel 5.6 with CoreUI (VueJS Full Starter Template) >>> Deprecated, please go to https://coreui.io/laravel/
Stars: ✭ 132 (-2.22%)
Mutual labels: vuejs2
Jsonapi Vuex
Use a JSONAPI api with a Vuex store, with data restructuring/normalization.
Stars: ✭ 123 (-8.89%)
Mutual labels: vuejs2
2018-12-28日更新: 如果您参考本项目,请以项目的功能点为主,切忌参考这一塌糊涂的代码风格。这项目是之前刚弄前端的时候建立的,写的时候还不懂事。
注意:本项目是基于vue-cli 2.x
项目简介
这是一个基于vue-cli的全家桶示例项目,使用了vue-cli作为脚手架搭建,使用了mint-ui作为前端框架。
路由管理:vue-router,状态管理:vuex,网络请求:axios。
这是一个移动端的app项目示例,可根据此例进行一个H5应用的搭建,利用打包工具(如cordova)可以打包成原生应用。
项目的默认端口是`8899`,你也可以在webpack的配置中自己更改。
本项目没有使用eslint代码检查,所以有一些代码风格不是很规范
项目演示
由于录屏软件的问题,该演示图可能又有些卡顿情况,与项目运行无关。有空会重新录一版。
博客
这个是我的个人博客,里面有对本项目的详细介绍及搭建,组件学习。每次大的更新都会做相应的记录。
Jerry的个人博客
项目运行
git clone https://github.com/JerryYuanJ/a-vue-app-template.git
cd a-vue-app-template
(安装依赖) npm install (或者cnpm install)
(运行)npm run dev
(打包)npm run build
功能介绍
* mint-ui中较为复杂组件的使用,比如loadmore和swipe组件的结合使用,完成主流app列表页的上拉加载更多、下拉刷新、
左滑切出编辑选项等常见需求。
* mint-ui中MessageBox的校验问题解决
* 子路由的使用
* echarts图的使用
* 组件化开发,包括组件开发的常见问题的解决
* 子路由的应用,以及刷新当前子路由页面的问题解决
* 国际化插件的使用详解
* 移动端日历组件的展示运用
更新日志
* ~2018-03-13
项目搭建及部分代码调整,组件学习、测试等。
* 2018-03-14
* 添加sass作为项目的css语言,并且定义了几个共有的变量和混合作为简单学习
* 添加echarts图的主要统计图表,利用子路由完成单页面内的图表切换。同时解决了单页面内刷新当前子路由的对应组件的展示问题。
* 2018-03-17
* 添加下拉刷新组件。自己写的一个组件,实现了下拉刷新功能,主要是探究类似组件的实现原理。
* 2018-04-14
* 图表统计界面添加了一个进入的默认图表显示
* 项目结构调整,主要是将自定义的组件抽取到单独的文件夹中components/comswen目录中存放所有的自定义组件,pages/test目录中
存放对应的测试组件使用界面
* 模块化路由配置(之前的没有动,新建的组件测试页面的路由都抽取到router/modules/components.js中)
* 新建一个select-header组件,用于可选择的头部组件的封装
* 添加font-awesome依赖
* 2018-06-20
* 添加了国际化插件及测试demo
* 添加了三种日历插件及测试demo
* 2018-07-31
* 添加了富文本编辑器
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].