Vue.js+LeanCloud 单页面博客

Vultr 发布于2019-08-19 18:47 / 3431人阅读

摘要：之前看了好多关于的东东，路由哇，状态管理呀，稀里糊涂的一堆东西，每个都相对独立，这些多带带的和教程看起来觉得明白了，揉到一起不好说了就。。

之前看了好多关于 Vue.js 的东东，路由哇，状态管理呀，稀里糊涂的一堆东西，每个都相对独立，这些多带带的 demo 和教程看起来觉得明白了，揉到一起不好说了就。。所以想结合起来写一写，作为一只前端汪怎么可以没有博客~

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

如果觉得有帮助的话，谢谢帮忙 star ^_^

本项目github地址

简介

一个前后端完全分离的单页应用线上地址点此查看

采用了之前写的 vue.js+LeanCloud（node.js）的开发样板 github地址点此查看

线上动图如果不显示请点这里

version 1.0 pre-a

引用回复

version 0.1.1

触屏延迟优化

version 0.1

响应式布局

主页，关于，标签

过渡动画

文章显示markdown 和代码高亮

TODO

评论框

触屏优化

技术栈 前端

Vue.js

vuex 状态管理

vue-router 路由

vue-resource xhr请求

marked 语法解析

prismjs 代码高亮

fastclick 解决移动端延迟问题

后端

node.js 服务端

express 框架

LeanCloud 数据存储

开发

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

GPU云服务器云服务器 vue.js多页面单页面单页面应用工单管理页面

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80015.html

从零开始的个人技术博客

摘要：大牛勿喷单页面博客简介一个前后端完全分离的单页应用线上地址点此查看响应式布局主页，关于，标签过渡动画文章显示和代码高亮技术栈前端状态管理路由语法解析后端服务端框架数据存储开发启动服务器端默认地址另开一个启动前端项目，默认地址构建部署在目录大牛勿喷！ Vue.js+LeanCloud单页面博客简介一个前后端完全分离的单页应用线上地址点此查看 version 1.0 响应式布局...

lifefriend_007 2019-08-20 11:04 评论0 收藏0
从零开始的个人技术博客

摘要：大牛勿喷单页面博客简介一个前后端完全分离的单页应用线上地址点此查看响应式布局主页，关于，标签过渡动画文章显示和代码高亮技术栈前端状态管理路由语法解析后端服务端框架数据存储开发启动服务器端默认地址另开一个启动前端项目，默认地址构建部署在目录大牛勿喷！ Vue.js+LeanCloud单页面博客简介一个前后端完全分离的单页应用线上地址点此查看 version 1.0 响应式布局...

Youngdze 2019-08-01 15:44 评论0 收藏0
3年，从工程师到创始人

摘要：我们的产品覆盖了和，目前项目全都架在的云引擎之上。我们的方案是把业务代码从中抽出来了，做成了移动端，这样业务能在和中共用，移动端是基于的云引擎环境下开发的。在这个过程中，云引擎和都发挥了重要作用。【玩转 LeanCloud 】活动开发经验分享：作者：黄涛大家好，我是 htoooth，在一家电商公司做 Node.js 开发，爱折腾，喜欢追新语言，像 golang、elixir、cl...

AlienZHOU 2019-06-26 18:18 评论0 收藏0
iMap | 一款基于 Electron 和 Vue 的跨平台旅行地图生成器

摘要：请求错误请求代码封装与基本一致，只是将换成即可。关于的使用是个能把组件的共享状态抽取出来，当做一个全局单例模式进行管理。首先确保你的已经安装，运行来安装。项目地址：https://huangxizhou.com/project/iMap 技术栈 Vue.js Vuex Axios Webpack Leancloud（express） Echarts Electron（electr...

dingda 2019-08-21 17:03 评论0 收藏0