Vue cli是一個方便快捷的腳手架工具，幫助開發者快速構建Vue項目。同時，Vux是一套基于Vue的移動端UI組件庫。在Vue cli項目中使用Vux可以提高開發效率和項目質量，下面我們就來看一下如何使用Vux。

首先，在使用Vux之前，需要先安裝Vue cli。安裝方式可以通過npm來進行：

npm install -g vue-cli

然后，在已經安裝好Vue cli的基礎上，我們可以使用Vue命令來創建一個基礎的Vue項目：

vue init webpack my-project

命令中的"my-project"可以自行定義為項目的名稱。執行完命令后，可以根據提示進行配置，最終會自動生成項目文件。

接著，需要在項目中安裝Vux。在項目根目錄下，使用npm命令進行安裝：

npm install vux --save

安裝完成后，需要在main.js中引入Vux：

import Vue from 'vue'
import Vux from 'vux'
Vue.use(Vux)

如此，就可以使用Vux組件了。例如，在新建一個組件Hello.vue中，我們可以使用Vux提供的Button組件：

如此，我們就成功在項目中使用了Vux。不過，需要注意的是，Vux提供的組件都需要在組件中引入相應的css。我們可以在在main.js中按需引入需要的Vux樣式：

import 'vux/src/styles/reset.less' // 引入基礎樣式
import { Button } from 'vux' // 引入Button組件
import 'vux/src/styles/1px.less' // 引入1像素樣式
Vue.component('mt-button', Button) // 注冊Button組件

最后，我們需要對項目進行打包。在命令行中進入項目根目錄，執行：

npm run build

打包完成后，在dist目錄下會生成一個帶有index.html的文件夾，直接將此文件夾放到服務器上即可。

總結一下，我們可以通過Vue cli快速構建出Vue項目，并使用Vux輕松構建出一個好看的移動端UI。Vue cli提供了基礎的構建工具，而Vux的UI組件庫則可以減輕我們的UI工作負擔。在使用Vux的過程中，需要注意按需引入css和組件。最后，我們可以通過npm run build命令進行項目打包。