Vue.js+LeanCloud 單頁面博客

Vultr 發(fā)布于2019-08-19 18:47 / 3460人閱讀

摘要：之前看了好多關于的東東，路由哇，狀態(tài)管理呀，稀里糊涂的一堆東西，每個都相對獨立，這些多帶帶的和教程看起來覺得明白了，揉到一起不好說了就。。

之前看了好多關于 Vue.js 的東東，路由哇，狀態(tài)管理呀，稀里糊涂的一堆東西，每個都相對獨立，這些多帶帶的 demo 和教程看起來覺得明白了，揉到一起不好說了就。。所以想結合起來寫一寫，作為一只前端汪怎么可以沒有博客~

寫的過程中有一些心得和踩坑，后續(xù)會整理出來~

如果覺得有幫助的話，謝謝幫忙 star ^_^

本項目github地址

簡介

一個前后端完全分離的單頁應用線上地址點此查看

采用了之前寫的 vue.js+LeanCloud（node.js）的開發(fā)樣板 github地址點此查看

線上動圖如果不顯示請點這里

version 1.0 pre-a

回復

引用回復

version 0.1.1

觸屏延遲優(yōu)化

version 0.1

響應式布局

主頁，關于，標簽

過渡動畫

文章顯示markdown 和代碼高亮

TODO

評論框

觸屏優(yōu)化

技術棧 前端

Vue.js

vuex 狀態(tài)管理

vue-router 路由

vue-resource xhr請求

marked 語法解析

prismjs 代碼高亮

fastclick 解決移動端延遲問題

后端

node.js 服務端

express 框架

LeanCloud 數(shù)據(jù)存儲

開發(fā)

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多頁面單頁面單頁面應用工單管理頁面

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80015.html

從零開始的個人技術博客

摘要：大牛勿噴單頁面博客簡介一個前后端完全分離的單頁應用線上地址點此查看響應式布局主頁，關于，標簽過渡動畫文章顯示和代碼高亮技術棧前端狀態(tài)管理路由語法解析后端服務端框架數(shù)據(jù)存儲開發(fā)啟動服務器端默認地址另開一個啟動前端項目，默認地址構建部署在目錄大牛勿噴！ Vue.js+LeanCloud單頁面博客簡介一個前后端完全分離的單頁應用線上地址點此查看 version 1.0 響應式布局...

lifefriend_007 2019-08-20 11:04 評論0 收藏0
從零開始的個人技術博客

摘要：大牛勿噴單頁面博客簡介一個前后端完全分離的單頁應用線上地址點此查看響應式布局主頁，關于，標簽過渡動畫文章顯示和代碼高亮技術棧前端狀態(tài)管理路由語法解析后端服務端框架數(shù)據(jù)存儲開發(fā)啟動服務器端默認地址另開一個啟動前端項目，默認地址構建部署在目錄大牛勿噴！ Vue.js+LeanCloud單頁面博客簡介一個前后端完全分離的單頁應用線上地址點此查看 version 1.0 響應式布局...

Youngdze 2019-08-01 15:44 評論0 收藏0
3年，從工程師到創(chuàng)始人

摘要：我們的產(chǎn)品覆蓋了和，目前項目全都架在的云引擎之上。我們的方案是把業(yè)務代碼從中抽出來了，做成了移動端，這樣業(yè)務能在和中共用，移動端是基于的云引擎環(huán)境下開發(fā)的。在這個過程中，云引擎和都發(fā)揮了重要作用。【玩轉 LeanCloud 】活動開發(fā)經(jīng)驗分享：作者：黃濤大家好，我是 htoooth，在一家電商公司做 Node.js 開發(fā)，愛折騰，喜歡追新語言，像 golang、elixir、cl...

AlienZHOU 2019-06-26 18:18 評論0 收藏0
iMap | 一款基于 Electron 和 Vue 的跨平臺旅行地圖生成器

摘要：請求錯誤請求代碼封裝與基本一致，只是將換成即可。關于的使用是個能把組件的共享狀態(tài)抽取出來，當做一個全局單例模式進行管理。首先確保你的已經(jīng)安裝，運行來安裝。項目地址：https://huangxizhou.com/project/iMap 技術棧 Vue.js Vuex Axios Webpack Leancloud（express） Echarts Electron（electr...

dingda 2019-08-21 17:03 評論0 收藏0