00一、vux 的介紹以及使用

一、簡介

    Vux（讀音 [v'ju:z]，同 views）是基於 WeUI 和 Vue (2.x)開發的移動端UI組件庫，主要服務於微信頁面。

    基於 webpack + vue-loader + vux 能夠快速開發移動端頁面，配合 vux-loader 方便你在 WeUI 的基礎上定製須要的樣式。

    vux-loader 保證了組件按需使用，所以不用擔憂最終打包了整個vux的組件庫代碼。

    vux 並不徹底依賴於 WeUI，可是儘可能保持總體UI樣式接近 WeUI 的設計規範。最初目標是建立一個 易用 ，實用，美觀 的移動端UI組件庫。

vux@2.x 推薦 webpack+vue-loader 方式的開發。

 二、使用

    我這裏在循序漸進地按照官方文檔走，踩了點坑。嫌麻煩的讀者能夠直接跳過 2.1 ，直接看 2.2使用模板快速初始化項目。注意：官方文檔特別提出 直接使用 cnpm 可能會致使依賴不正確。強烈建議給 npm 設置 taobao 的 registry。

2.1 普通安裝使用

    按照官方文檔一個一個安裝，一大堆東西。。。（反正我本身搞的時候，出現各類報錯。最後，我放棄了）

2.2 airyland/vux2 模板

    使用 vue-cli 工具和 airyland/vux2 模板快速初始化項目。

    若沒安裝 vue-cli 的，請安裝一下 npm install vue-cli -g。

    快速初始化項目：

vue init airyland/vux2 projectName

其中，projectName 是新建項目名。建立成功後：

第一步：cd projectName (打開新建項目)

第二步：npm install (安裝依賴)

運行：npm run dev

運行成功後，以下圖所示：

    項目跑起來事後，有 vue 的基礎的話，應該能夠根據官方文檔的組件實現本身想要的效果。後面要是有時間，我也會以博客的形式更新出來。