摘要:之前看了好多關(guān)于的東東,路由哇,狀態(tài)管理呀,稀里糊涂的一堆東西,每個(gè)都相對(duì)獨(dú)立,這些多帶帶的和教程看起來覺得明白了,揉到一起不好說了就。。
之前看了好多關(guān)于 Vue.js 的東東,路由哇,狀態(tài)管理呀,稀里糊涂的一堆東西,每個(gè)都相對(duì)獨(dú)立,這些多帶帶的 demo 和教程看起來覺得明白了,揉到一起不好說了就。。所以想結(jié)合起來寫一寫,作為一只前端汪怎么可以沒有博客~
寫的過程中有一些心得和踩坑,后續(xù)會(huì)整理出來~
如果覺得有幫助的話,謝謝幫忙 star ^_^
本項(xiàng)目github地址
簡(jiǎn)介一個(gè)前后端完全分離的單頁應(yīng)用 線上地址點(diǎn)此查看
采用了之前寫的 vue.js+LeanCloud(node.js) 的開發(fā)樣板 github地址點(diǎn)此查看
線上動(dòng)圖如果不顯示請(qǐng)點(diǎn)這里
version 1.0 pre-a回復(fù)
引用回復(fù)
version 0.1.1觸屏延遲優(yōu)化
version 0.1響應(yīng)式布局
主頁,關(guān)于,標(biāo)簽
過渡動(dòng)畫
文章顯示markdown 和代碼高亮
TODO評(píng)論框
觸屏優(yōu)化
技術(shù)棧 前端Vue.js
vuex 狀態(tài)管理
vue-router 路由
vue-resource xhr請(qǐng)求
marked 語法解析
prismjs 代碼高亮
fastclick 解決移動(dòng)端延遲問題
后端node.js 服務(wù)端
express 框架
LeanCloud 數(shù)據(jù)存儲(chǔ)
開發(fā)git clone [email protected]:jiangjiu/vue-leancloud-blog.git $ cd vue-leancloud-blog $ npm install // 啟動(dòng)服務(wù)器端, 默認(rèn)地址 http://localhost:3000 $ lean up // 另開一個(gè) terminal $ cd FE $ npm install // 啟動(dòng)前端項(xiàng)目,默認(rèn)地址 http://localhost:8080 $ npm run dev構(gòu)建部署
// 在FE目錄下 構(gòu)建前端文件至 /public 文件夾 $ npm run build // 根目錄下 leancloud命令行部署 / 通過 github 部署 $ lean deploy / lean deploy -g
具體部署可參考LeanCloud云引擎 Node.js 部署
LicenseMIT
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/80015.html
摘要:大牛勿噴單頁面博客簡(jiǎn)介一個(gè)前后端完全分離的單頁應(yīng)用線上地址點(diǎn)此查看響應(yīng)式布局主頁,關(guān)于,標(biāo)簽過渡動(dòng)畫文章顯示和代碼高亮技術(shù)棧前端狀態(tài)管理路由語法解析后端服務(wù)端框架數(shù)據(jù)存儲(chǔ)開發(fā)啟動(dòng)服務(wù)器端默認(rèn)地址另開一個(gè)啟動(dòng)前端項(xiàng)目,默認(rèn)地址構(gòu)建部署在目錄 大牛勿噴! Vue.js+LeanCloud單頁面博客 簡(jiǎn)介 一個(gè)前后端完全分離的單頁應(yīng)用 線上地址點(diǎn)此查看 version 1.0 響應(yīng)式布局...
摘要:大牛勿噴單頁面博客簡(jiǎn)介一個(gè)前后端完全分離的單頁應(yīng)用線上地址點(diǎn)此查看響應(yīng)式布局主頁,關(guān)于,標(biāo)簽過渡動(dòng)畫文章顯示和代碼高亮技術(shù)棧前端狀態(tài)管理路由語法解析后端服務(wù)端框架數(shù)據(jù)存儲(chǔ)開發(fā)啟動(dòng)服務(wù)器端默認(rèn)地址另開一個(gè)啟動(dòng)前端項(xiàng)目,默認(rèn)地址構(gòu)建部署在目錄 大牛勿噴! Vue.js+LeanCloud單頁面博客 簡(jiǎn)介 一個(gè)前后端完全分離的單頁應(yīng)用 線上地址點(diǎn)此查看 version 1.0 響應(yīng)式布局...
摘要:我們的產(chǎn)品覆蓋了和,目前項(xiàng)目全都架在的云引擎之上。我們的方案是把業(yè)務(wù)代碼從中抽出來了,做成了移動(dòng)端,這樣業(yè)務(wù)能在和中共用,移動(dòng)端是基于的云引擎環(huán)境下開發(fā)的。在這個(gè)過程中,云引擎和都發(fā)揮了重要作用。 【玩轉(zhuǎn) LeanCloud 】活動(dòng)開發(fā)經(jīng)驗(yàn)分享: 作者:黃濤 大家好,我是 htoooth,在一家電商公司做 Node.js 開發(fā),愛折騰,喜歡追新語言,像 golang、elixir、cl...
摘要:請(qǐng)求錯(cuò)誤請(qǐng)求代碼封裝與基本一致,只是將換成即可。關(guān)于的使用是個(gè)能把組件的共享狀態(tài)抽取出來,當(dāng)做一個(gè)全局單例模式進(jìn)行管理。首先確保你的已經(jīng)安裝,運(yùn)行來安裝。 項(xiàng)目地址:https://huangxizhou.com/project/iMap 技術(shù)棧 Vue.js Vuex Axios Webpack Leancloud(express) Echarts Electron(electr...
閱讀 2240·2023-04-26 01:57
閱讀 3266·2023-04-25 16:30
閱讀 2338·2021-11-17 09:38
閱讀 1090·2021-10-08 10:14
閱讀 1395·2021-09-23 11:21
閱讀 3693·2019-08-29 17:28
閱讀 3465·2019-08-29 15:27
閱讀 955·2019-08-29 13:04