Vue.js+LeanCloud 单页面博客

之前看了很多关于 Vue.js 的东东,路由哇,状况治理呀,莫名其妙的一堆东西,每一个都相对自力,这些零丁的 demo 和教程看起来以为邃晓了,揉到一同不好说了就。。所以想结合起来写一写,作为一只前端汪怎样能够没有博客~

写的历程中有一些心得和踩坑,后续会整理出来~

假如以为有协助的话,感谢帮助 star ^_^

本项目github地点

简介

一个前后端完整星散的单页运用 线上地点点此检察

采用了之前写的 vue.js+LeanCloud(node.js) 的开辟榜样 github地点点此检察

线上动图假如不显现请点这里

《Vue.js+LeanCloud 单页面博客》

version 1.0 pre-a

  • 复兴

  • 援用复兴

version 0.1.1

  • 触屏耽误优化

version 0.1

  • 相应式规划

  • 主页,关于,标签

  • 过渡动画

  • 文章显现markdown 和代码高亮

TODO

  • 批评框

  • 触屏优化

手艺栈

前端

后端

开辟

git clone git@github.com:jiangjiu/vue-leancloud-blog.git
$ cd vue-leancloud-blog
$ npm install

// 启动服务器端, 默许地点 http://localhost:3000
$ lean up

// 另开一个 terminal
$ cd FE
$ npm install
// 启动前端项目,默许地点 http://localhost:8080
$ npm run dev

构建布置

// 在FE目录下  构建前端文件至 /public 文件夹
$ npm run build

// 根目录下 leancloud命令行布置 / 经由过程 github 布置
$ lean deploy / lean deploy -g

详细布置可参考LeanCloud云引擎 Node.js 布置

License

MIT

    原文作者:将就
    原文地址: https://segmentfault.com/a/1190000005968616
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞