All Projects → chen1218chen → Vue Cli Multi Page

chen1218chen / Vue Cli Multi Page

Licence: mit
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios

Projects that are alternatives of or similar to Vue Cli Multi Page

Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+76.55%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router, vue2
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+364.14%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex, vue-router
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+43.45%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex, vue-router
Vue2 blog
使用vue2.x + vue-cli +vue-router+ vuex + axios + mysql + express + pm2 + webpack+nginx构建的具有登录,注册,留言,用户发帖,用户评论等功能的SPA Blog。注意,注意,注意,后端API全部自己手写,很适合刚学习vue以及express的小伙伴学习,喜欢请Star鼓励一下我,谢谢!项目预览:
Stars: ✭ 417 (+187.59%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue2
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (+92.41%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (+186.21%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+1622.07%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+830.34%)
Mutual labels:  webpack, axios, vuex, vue-router, vue2
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (+242.76%)
Mutual labels:  webpack, vue-cli, vuex, vue-router, vue2
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+807.59%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (+489.66%)
Mutual labels:  vue-cli, axios, vuex, vue-router, vue2
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-88.97%)
Mutual labels:  webpack, axios, vuex, vue-router, vue2
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+7494.48%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+50275.17%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+797.93%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+71.72%)
Mutual labels:  webpack, axios, vuex, vue-router, vue2
Vue Cnode
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192 (+32.41%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (+1044.14%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+402.76%)
Mutual labels:  webpack, axios, vuex, vue-router, vue2
Vue Music
使用vue2.0构建音乐播放器
Stars: ✭ 60 (-58.62%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue2

个人主页(http://chen1218chen.github.io)

Usage

This is a project template for vue-cli.

github上找到某大神的一个基于vue-cli模板的vueAdmin后台管理的模板,根据项目需求改成一个多页面多路由的vue项目。 PC端:后台管理页面,单独的页面入口,单独的路由。 移动端:业务展示页面,单独的页面入口,单独的路由。 踩了无数的坑,终于是初见效果了,随后继续优化更新

Install

# install dependencies
npm install

# serve with hot reload at localhost:8088
npm run dev

# build for production with minification
npm run build

PC端 http://localhost:8088/modules/index.html

移动APP http://localhost:8088/modules/index.html

多页面配置

vue2.0版本多页面入口,是由webpack配置来完成的,我的项目文件结构如下

    webpack
      |---build
      |---config
      |---dist 
      |---route 路由
      |---src
        |---api axios请求
        |---assets 资源
        |---common 公共js资源目录
        |---components组件
        |---modules各个模块
          |---index    index模块
            |---views 组件
            |---index.html
            |---index.js
            |---index.vue
          |---phone       phone模块
            |---phone.html
            |---phone.js
            |---phone.vue
            |---phone 组件

Browser Support

Modern browsers and Internet Explorer 10+.

snapshots

image

image

image

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].