Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jackhutu/jackblog-vue
Jackblog vue 版, 个人博客系统, 使用 vue2, vuex, vue-resource, vue-router, vee-validate, vue-toast 等.
https://github.com/jackhutu/jackblog-vue
jackblog vee-validate vue vue-resource vue-toast vuex
Last synced: 2 days ago
JSON representation
Jackblog vue 版, 个人博客系统, 使用 vue2, vuex, vue-resource, vue-router, vee-validate, vue-toast 等.
- Host: GitHub
- URL: https://github.com/jackhutu/jackblog-vue
- Owner: jackhutu
- License: mit
- Created: 2016-02-16T08:07:57.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-11-14T08:58:52.000Z (about 5 years ago)
- Last Synced: 2025-02-02T02:05:06.057Z (9 days ago)
- Topics: jackblog, vee-validate, vue, vue-resource, vue-toast, vuex
- Language: Vue
- Homepage: http://vue.jackhu.top
- Size: 2.41 MB
- Stars: 1,938
- Watchers: 99
- Forks: 454
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - jackblog-vue - vue?style=social) - 个人博客系统 (应用实例)
- awesome-github-vue - jackblog-vue - 个人博客系统 (应用实例)
- awesome-github-vue - jackblog-vue - 个人博客系统 (应用实例)
- awesome - jackblog-vue - 个人博客系统 (应用实例)
README
# Jackblog Vue 版
[](https://david-dm.org/jackhutu/jackblog-vue)
[](https://david-dm.org/jackhutu/jackblog-vue#info=devDependencies)
Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: [express 版](https://github.com/jackhutu/jackblog-api-express) , [koa 版](https://github.com/jackhutu/jackblog-api-koa)
客户端有: [angular1.x 版](https://github.com/jackhutu/jackblog-angular1) , [angular2.x 版](https://github.com/jackhutu/jackblog-angular2) , [react 版](https://github.com/jackhutu/jackblog-react) , [vue 版](https://github.com/jackhutu/jackblog-vue)
移动端有: [react native 版](https://github.com/jackhutu/jackblog-react-native-redux), [ionic2.0 版](https://github.com/jackhutu/jackblog-ionic2)
##### 此为客户端vue版, 需要配合服务端使用.
> 服务端任选一种, 请预先安装并启动服务端
## 开发
```
$ git clone [email protected]:jackhutu/jackblog-vue.git
$ cd jackblog-vue
$ npm install
$ npm run dev
```
在浏览器中自动打开 http://localhost:3000
## 调试
- 默认开启 vue-devtools [chrome浏览器扩展](https://github.com/vuejs/vue-devtools), 生产环境自动关闭
### 目录结构
```
.
├── README.md
├── dist // 项目build目录
├── logs // 生产环境日志目录
├── src // 生产目录
│ ├── api // API 请求
│ ├── assets // css 和图片资源
│ ├── components // 组件
│ ├── utils // 工具函数
│ └── store // vuex相关文件, store,action
│ └── config.js // api url, cookie domain等配置文件
│ └── index.html // 主页html
│ └── routes.js // 路由配置
│ └── index.js // 入口文件
├── .babelrc // babel配置
├── .eslintrc.json // eslint配置
├── History.md // 更新日志
├── process.json // pm2配置文件
├── server.js // 生产环境启动server
├── webpack.config.js // Webpack 配置文件
```
## 生产环境构建
```
$ npm run build
```
## 线上布署
```
$ pm2 start process.json
```
## License
MIT