Vue.js仿製的新浪微博網頁版，歡迎一塊兒交流！

vue-weibo

vue-weibo的GitHub倉庫地址

這是一個用Vue.js及相關插件模仿製做新浪微博移動版(m.weibo.cn)的單頁應用（SPA）項目。

使用了vue-cli做爲搭建工具，主要使用了vue.js@2.3.3,vue-resource@1.3.4,vue-router@2.3.1,vuex@2.3.1等工具。

歡迎Issue、PR、郵件、微博等等各類交流！更歡迎給我點個贊以示鼓勵，謝謝你！

預覽demo：

vue-weibo在線demo地址

動圖預覽：

基本功能：

路由、點贊動畫、漣漪效果等演示：

基本功能：

刷新微博、加載舊微博、簡單圖片預覽（準備實現縮放等手勢功能）、Tab頁面切換、後臺模擬數據、生產環境服務器支持、登陸頁面、404頁面等...

運行項目：

git clone https://github.com/JuniorTour/vue-weibo.git

cd vue-weibo

npm install       //推薦使用 cnpm 淘寶NPM鏡像安裝更快！

npm run dev     //開發環境中運行，構建完成後，自動訪問http://localhost:8080/，自帶熱更新，便於開發。

npm run prod  //或生產環境中運行，資源通過壓縮，訪問更快。

配套教程

目前代碼關鍵部分中已經有相應的註釋介紹，稍後，我會詳細地寫出從0構建這個項目的過程，敬請期待！

若是你對此有任何意見和想法，都歡迎經過各類方式和我交流！ヾ(✿ﾟ▽ﾟ)ノ

To-do List:

1. 點贊動畫特效！ -2017/7/18
2. 滑動刪除消息
3. 圖片預覽手勢支持
4. 配套教程文章
5. local storage/service worker
6. IOS手機添加至桌面功能 -2017/7/8
7. 登陸頁面、404頁面及相應的路由 -2017/7/6
8. ripple effect -2017/7/8~
9. ......

項目結構：

.
├── build/                      # webpack config files
│   └── ...
├── config/
│   ├── index.js                # main project config
│   └── ...
├── notes/
│   └── ...                       # 製做過程當中的一些筆記。
├── src/
│   ├── assets/             # 字體、樣式等module 資源 (會被webpack處理)
│   │   └── ...
│   ├── components/     # 局部組件
│   │   └── ...
│   ├── data/                 # 模擬數據
│   │   └── ...
│   ├── pages/               # 主要頁面組件
│   │   └── ...
│   ├── main.js                # app 入口文件
│   ├── App.vue              # 主要app組件
├── static/                      # 圖片等純靜態資源
├── test/
│   └── unit/                   # unit tests
│      ├── specs/              # test spec files
│      ├── index.js            # test build entry file
│      └── karma.conf.js       # test runner config file
├── .babelrc                    # babel config
├── .postcssrc.js               # postcss config
├── .eslintrc.js                # eslint config
├── .editorconfig               # editor config
├── index.html                  # index.html template
└── package.json                # build scripts and dependencies