All Projects → michaelsoriano → Wp Vue Starter

michaelsoriano / Wp Vue Starter

Licence: mit
WordPress starter theme using REST as backend and Vue + Vue Router for front end framework

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Wp Vue Starter

Boss
💥Mock BOSS
Stars: ✭ 40 (-13.04%)
Mutual labels:  axios, vue-router
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+1363.04%)
Mutual labels:  axios, vue-router
Flask Vuejs Madblog
基于 Flask 和 Vue.js 前后端分离的微型博客项目,支持多用户、Markdown文章(喜欢/收藏文章)、粉丝关注、用户评论(点赞)、动态通知、站内私信、黑名单、邮件支持、管理后台、权限管理、RQ任务队列、Elasticsearch全文搜索、Linux VPS部署、Docker容器部署等
Stars: ✭ 541 (+1076.09%)
Mutual labels:  axios, vue-router
Vue Music
cloud-music(网易云音乐)
Stars: ✭ 500 (+986.96%)
Mutual labels:  axios, vue-router
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (+1758.7%)
Mutual labels:  axios, vue-router
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+1021.74%)
Mutual labels:  axios, vue-router
Vue Architecture Boilerplate
Vue.js architecture for front-end projects at @NOALVO
Stars: ✭ 40 (-13.04%)
Mutual labels:  axios, vue-router
Netease yanxuan
vue版网易严选,体验网易严选购物流程,线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (+806.52%)
Mutual labels:  axios, vue-router
Jdf Phone Ui
🖖 前端混合开发整合框架(cordova插件,微信,H5)
Stars: ✭ 18 (-60.87%)
Mutual labels:  axios, vue-router
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-65.22%)
Mutual labels:  axios, vue-router
Pixel Web
一个 Vue 微博客户端
Stars: ✭ 500 (+986.96%)
Mutual labels:  axios, vue-router
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+1771.74%)
Mutual labels:  axios, vue-router
Blog.admin
✨ 基于vue 的管理后台,配合Blog.Core与Blog.Vue等多个项目使用
Stars: ✭ 500 (+986.96%)
Mutual labels:  axios, vue-router
Vue Cli3.0 Vueadmin
基于vue-cli3.0+vue+elementUI+vuex+axios+权限管理的后台管理系统
Stars: ✭ 1,002 (+2078.26%)
Mutual labels:  axios, vue-router
Vue Music Webapp
🎵💞🐔基于Vue 全家桶 (2.x)制作的移动端音乐 WebApp 。媲美原生、项目完整、功能完备、UI美观、交互一流。
Stars: ✭ 499 (+984.78%)
Mutual labels:  axios, vue-router
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+1173.91%)
Mutual labels:  axios, vue-router
Vuejs Admin
基于eggjs、vuejs的设备管理系统,有帮助的话麻烦给个star谢谢
Stars: ✭ 350 (+660.87%)
Mutual labels:  axios, vue-router
Vue Website
🍰 想用vue把我现在的个人网站重新写一下,新的风格,新的技术,什么都是新的!
Stars: ✭ 351 (+663.04%)
Mutual labels:  axios, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+1484.78%)
Mutual labels:  axios, vue-router
Nuxt Ssr Demo
✨ 高仿掘金,整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo
Stars: ✭ 856 (+1760.87%)
Mutual labels:  axios, vue-router

wp-vue-starter

A basic WordPress (starter) theme that uses VueJS as the front-end rendering framework. Theme templates are Vue components and supports the loop, home, page, single, search, 404, paging and comments. Looks like a traditional "blog" and "Bootstrap" - which is serves as a good starting point for many projects.

More information can be found in this post: http://michaelsoriano.com/wordpress-starter-theme-using-vuejs/

USES THE FOLLOWING

  • vuejs
  • vue-router
  • axios
  • bootstrap 4 (css)

EDIT CSS DIRECTLY

  • open /css/dist/main.css
  • delete sourceMappingURL=main.css.map at the bottom of the file

TO EDIT CSS USING SASS

  • npm init
  • npm i -g gulp-cli
  • npm i -D gulp gulp-sass gulp-sourcemaps gulp-clean-css
  • gulp watch
  • edit /css/src/main.scss

TO EDIT THE JAVASCRIPT

  • open /js/main.js

ROADMAP

  • Pagination - complete
  • Search - complete
  • 404 - complete
  • Comment Form - complete
  • Archive pages: tag, category
  • Header Menu - complete
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].