CommanderXL / X Blog
个人博客
Stars: ✭ 197
Projects that are alternatives of or similar to X Blog
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 (+337.06%)
Mutual labels: webpack2, vue2
Electron Vue Webpack
A minimal Electron + Vue 2 + Webpack 2 setup for quick development.
Stars: ✭ 70 (-64.47%)
Mutual labels: webpack2, vue2
Vue Express Webpack Gulp
使用Vue,Express,Webpack,gulp搭建的自动化电影库项目
Stars: ✭ 42 (-78.68%)
Mutual labels: webpack2, vue2
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+161.93%)
Mutual labels: webpack2, vue2
Vue2 Vue Router2 Webpack2
《从零搭建 vue2 vue-router2 webpack4 工程》《从零搭建 vue2 vue-router2 webpack3 工程》《搭建 vue2 vue-router2 webpack3 多入口工程》
Stars: ✭ 90 (-54.31%)
Mutual labels: webpack2, vue2
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+197.46%)
Mutual labels: webpack2, vue2
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+476.14%)
Mutual labels: webpack2, vue2
Login
Vue + Vue-router + Vuex 实现前端页面及逻辑,Express 实现注册登录登出的RestFul API 。
Stars: ✭ 246 (+24.87%)
Mutual labels: webpack2, vue2
Webpack
🔥 A full-featured , A Weex and Vue.js project,which is an awesome solution for building Dingtalk microapp with extremely high performanece.
Stars: ✭ 81 (-58.88%)
Mutual labels: webpack2, vue2
Fans
这是一个app(android/iOS)项目,但页面视图全部都用的是html5页,没有使用app的原生页面。 前端h5是基于mui + vue2 + vue-router2 + es6 + webpack2 + vuex + signalR 的前端webApp单页项目框架,项目可以直接在PC上运行html5页面。 app打包技术是用HBuilder IDE工具一键打包成APP。
Stars: ✭ 416 (+111.17%)
Mutual labels: webpack2, vue2
Vue2 Element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 112 (-43.15%)
Mutual labels: webpack2, vue2
Magicmusic
🎵帅气的手机端音乐播放器(vue vue-router vuex flex ...)
Stars: ✭ 350 (+77.66%)
Mutual labels: webpack2, vue2
vue2-element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 115 (-41.62%)
Mutual labels: webpack2, vue2
Douban
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent
Stars: ✭ 2,324 (+1079.7%)
Mutual labels: webpack2, vue2
Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73 (-62.94%)
Mutual labels: webpack2, vue2
Seemusic
Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
Stars: ✭ 112 (-43.15%)
Mutual labels: webpack2, vue2
个人博客
这是一个开源的个人blog
项目.主要目的是玩一玩vue
。大家可以在本项目中不仅仅可以学习了解以下的框架/库
,同时还可以了解关于代码结构组织
,模块化
,前端构建
等内容。这个项目才刚开始,我会带着大家完成整个blog
项目的开发工作。
技术栈
前端
- es6
- vue2
- webpack2
- vue-router2
- axios
- less
后端
- node
- mongoDB
起手式
node -v
v6.9.2
npm -v
3.10.9
1. fork本项目
2. git clone ...
3. cd x-blog
4. npm install (建议使用淘宝镜像)
5. npm run dev
6. 浏览器打开 localhost:3000/pages
交流
- 有任何问题可以在这里提
issue
- 可以加入QQ群: 473540115. 暗号是: x-blog
some tips:
- 未接入后端前,前端使用
mock
数据
更新日志
2.14更新
完成post
静态页面原型,修复webpack
使用extractTextPlugin
的正确姿势
2.15更新
添加about
静态页面
2.16更新
- 添加
json-server
. 使用方法请戳我
主要作用就是在你开发环节在后端同学还未开发完成的情况下,提供一个mock backend server
。
在我们还未开始写后端代码前,主要用这个backend server
去模拟数据格式。
PS: 因为你webpack-dev-server
占用了一个端口,那么json-server
需要使用另外一个端口。
这个时候需要利用webpack-dev-server
提供的proxy
功能。
具体的配置信息,见webpack.config.dev.js
文件
- 添加
axios
作为http
资源库
其实vue
对于开发者使用什么资源库没做什么限制。使用你顺手的就好了。
将axios
集成进vue
的方式见App.vue
文件。
2.18更新
- 添加
webpack
生产环境配置信息
见webpack.config.prod.js
文件。主要添加的内容为文件的hash
,文件的打包及输出内容
-
tags
页面添加vue-router
路由动态匹配
2.19更新
- 添加mock数据, 见
lib/mock/db.json
文件 - 完成
archive
静态页面
最近这2天有点忙,server端从周四开始更新,望大家理解
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].