Jackblog vue 版, 个人博客系统, 使用 vue, vuex, vue-resource, vue-router, vue-strap, vue-validator, vue-toastr 等.
Vue JavaScript HTML CSS
Latest commit 00d6474 Oct 2, 2016 @jackhutu modify navbar
Permalink
Failed to load latest commit information.
dist modify navbar Oct 2, 2016
logs init Feb 16, 2016
src modify navbar Oct 2, 2016
.babelrc update to v1.2.3 Jul 11, 2016
.dockerignore add Dockerfile Oct 2, 2016
.eslintrc.json update to v1.2.2 May 7, 2016
.gitignore add dist Oct 2, 2016
Dockerfile add Dockerfile Oct 2, 2016
History.md update to v1.2.3 Jul 11, 2016
LICENSE Initial commit Feb 16, 2016
README.md add Dockerfile Oct 2, 2016
gulpfile.js modify gulpfile Oct 2, 2016
package.json modify gulpfile Oct 2, 2016
process.json add Dockerfile Oct 2, 2016
server.js build success Feb 25, 2016
webpack.config.dev.js modify gulpfile Oct 2, 2016
webpack.config.js init Feb 16, 2016
webpack.config.prod.js modify gulpfile Oct 2, 2016

README.md

Jackblog Vue 版

Dependency Status devDependency Status

Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版

此为客户端vue版, 需要配合服务端使用.

服务端任选一种, 请预先安装并启动服务端

开发

$ git clone git@github.com:jackhutu/jackblog-vue.git
$ cd jackblog-vue
$ npm install
$ gulp serve

在浏览器中自动打开 http://localhost:3000

调试

添加 Vue.config.devtools = true

目录结构

.
├── README.md           
├── dist                     // 项目build目录
├── logs                     // 生产环境日志目录
├── src                      // 生产目录
│   ├── api                  // API 请求
│   ├── assets               // css 和图片资源
│   ├── components           // 组件
│   ├── utils                // 工具函数
│   └── vuex                     // vuex相关文件, store,action
│   └── config.js            // api url, cookie domain等配置文件
│   └── index.html           // 主页html
│   └── routes.js            // 路由配置
│   └── index.js             // 入口文件
├── .babelrc                 // babel配置
├── .eslintrc.json           // eslint配置
├── gulpfile.babel.js        // gulp配置, 使用gulp做为任务管理
├── History.md               // 更新日志
├── process.json             // pm2配置文件
├── server.js                // 生产环境启动server
├── webpack.config.dev.js    // 开发环境Webpack配置文件
├── webpack.config.js        // Webpack 配置文件
├── webpack-config.prod.js   // 生产环境Webpack 配置文件
.

生产环境构建

$ gulp build 或 gulp serve:dist

线上布署

$ pm2 start process.json

License

MIT