11# Jackblog Vue 版
2+ [ ![ Dependency Status] ( https://david-dm.org/jackhutu/jackblog-vue.svg )] ( https://david-dm.org/jackhutu/jackblog-vue )
3+ [ ![ devDependency Status] ( https://david-dm.org/jackhutu/jackblog-vue/dev-status.svg )] ( https://david-dm.org/jackhutu/jackblog-vue#info=devDependencies )
24
3- Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.此为客户端 Vue版
4- 服务端有:
5- [ express 版] ( https://github.com/jackhutu/jackblog-api-express )
6- [ koa 版] ( https://github.com/jackhutu/jackblog-api-koa )
7- 客户端有:
8- [ angular1.x 版] ( https://github.com/jackhutu/jackblog-angular1 )
9- [ angular2.x 版] ( https://github.com/jackhutu/jackblog-angular2 )
10- [ react redux 版] ( https://github.com/jackhutu/jackblog-react-redux )
11- [ vue 版] ( https://github.com/jackhutu/jackblog-vue )
12- 移动端有:
13- [ react native 版] ( https://github.com/jackhutu/jackblog-react-native-redux )
5+ Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
6+ 服务端有: [ express 版] ( https://github.com/jackhutu/jackblog-api-express ) , [ koa 版] ( https://github.com/jackhutu/jackblog-api-koa )
7+ 客户端有: [ angular1.x 版] ( https://github.com/jackhutu/jackblog-angular1 ) , [ angular2.x 版] ( https://github.com/jackhutu/jackblog-angular2 ) , [ react redux 版] ( https://github.com/jackhutu/jackblog-react-redux ) , [ vue 版] ( https://github.com/jackhutu/jackblog-vue )
8+ 移动端有: [ react native 版] ( https://github.com/jackhutu/jackblog-react-native-redux ) , [ ionic2.0 版] ( https://github.com/jackhutu/jackblog-ionic2 )
9+ ##### 此为客户端vue版, 需要配合服务端使用.
10+
11+ > 服务端任选一种, 请预先安装并启动服务端
1412
1513
1614## 开发
1715
1816```
17+ $ git clone [email protected] :jackhutu/jackblog-vue.git 18+ $ cd jackblog-vue
1919$ npm install
2020$ gulp serve
2121```
2222
23- ## 打包
23+ ### 目录结构
24+
25+ ```
26+ .
27+ ├── README.md
28+ ├── dist // 项目build目录
29+ ├── logs // 生产环境日志目录
30+ ├── src // 生产目录
31+ │ ├── api // API 请求
32+ │ ├── assets // css 和图片资源
33+ │ ├── components // 组件
34+ │ ├── utils // 工具函数
35+ │ └── vuex // vuex相关文件, store,action
36+ │ └── config.js // api url, cookie domain等配置文件
37+ │ └── index.html // 主页html
38+ │ └── routes.js // 路由配置
39+ │ └── index.js // 入口文件
40+ ├── .babelrc // babel配置
41+ ├── .eslintrc.json // eslint配置
42+ ├── gulpfile.babel.js // gulp配置, 使用gulp做为任务管理
43+ ├── History.md // 更新日志
44+ ├── process.json // pm2配置文件
45+ ├── server.js // 生产环境启动server
46+ ├── webpack.config.dev.js // 开发环境Webpack配置文件
47+ ├── webpack.config.js // Webpack 配置文件
48+ ├── webpack-config.prod.js // 生产环境Webpack 配置文件
49+ .
50+ ```
51+
52+ ## 生产环境构建
2453
2554```
2655$ gulp build 或 gulp serve:dist
@@ -30,7 +59,7 @@ $ gulp build 或 gulp serve:dist
3059```
3160$ pm2 start process.json
3261```
33- 可参考[ 利用git和pm2一键布署项目到vps] ( http://angular1. jackhu.top/article/55cd8e00c6e998b817a930c7 )
62+ 可参考[ 利用git和pm2一键布署项目到vps] ( http://jackhu.top/article/55cd8e00c6e998b817a930c7 )
3463
3564## License
3665MIT
0 commit comments