vue-sui-demo

持續更新，如果對您有幫助，您可以點右上角 "Star" 支持一下 謝謝！ ^_^

后面有空再寫學習歷程和遇到的問題

Vue很輕量，易定制，比較適合移動端，很喜歡Vue寫組件的方式， 所有用VUE 和 SUI-Mobile 寫了一個移動端demo，用來反饋vue的學習成果（禁用了SUI自帶的路由，使用Vue-router）

技術棧

vue

vue-router

vue-resource

webpack

sui-mobile

es6-babel

安裝

項目地址：（使用git clone）

git clone https://github.com/eteplus/vue-sui-demo.git

通過npm安裝本地服務第三方依賴模塊(需要已安裝Node.js)，使用npm安裝依賴模塊可能會很慢，建議換成cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

# 安裝依賴模塊
cnpm install

# 啟動服務
npm run dev

# 發布代碼
npm run build

# 發布后啟動服務
npm run main

開發

目錄結構

.
├── README.md           
├── dist                     // 項目build目錄
├── build                    // 項目的配置文件目錄
│   ├── dev-server.js        // 開發的服務配置
│   ├── webpack-dev-conf.js  // 開發的Webpack 配置文件
│   ├── webpack-prod-conf.js // 生產的Webpack 配置文件
│   ├── webpack-base-conf.js // 基本的Webpack 配置文件
├── index.js                 // 項目發布后的啟動文件
├── package.json             // 項目配置文件
├── src                      // 生產目錄
│   ├── assets               // css js 和圖片資源
│   ├── data                 // 數據文件
│   ├── components           // 各種組件
│   ├── views                // 各種頁面
│   ├── directives           // 各種指令
│   ├── filters.js           // 各種過濾器
│   ├── router.js            // 路由配置
│   └── main.vue             // 根組件
│   └── app.js               // Webpack 預編譯入口
│   └── index.html           // 項目入口文件
.

項目地址： https://github.com/eteplus/vue-sui-demo