h blog下載 - h blog原始碼下載

h blog

其他類別

1.0.0

下載

h-blog

A Vue.js project 用elementUI模仿我的博客，簡單的寫的幾個練習頁面，僅供參考。

技術堆疊

vue-cli(vue 2.x + webpack + vue-router) + elementUI + ES6 + mock + axios

本地代碼已全部通過ESlint檢測。

線上預覽

https://hehaibao.github.io/h-blog/dist/index.html

主要功能

首頁(含mock)
文章詳情頁
登入頁(含驗證和是否登入的邏輯)
註冊頁(含驗證)

裡面涉及到了路由的導航守衛，元件的複用，sessionStorage儲存是否登入狀態，父子元件通信，elementUI的一些用法等等

更多功能，後續有時間會繼續增加..

如何使用？

 # clone
git clone https://github.com/hehaibao/h-blog.git

# cd dir
cd h-blog

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev 

or 

npm start

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.