小編給大家分享一下vue如何添加vux,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
簡(jiǎn)介
Vux(讀音 [v'ju:z],同views)是基于WeUI和Vue(2.x)開發(fā)的移動(dòng)端UI組件庫(kù),主要服務(wù)于微信頁(yè)面。
基于webpack+vue-loader+vux可以快速開發(fā)移動(dòng)端頁(yè)面,配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。
vux-loader保證了組件按需使用,因此不用擔(dān)心最終打包了整個(gè)vux的組件庫(kù)代碼。
vux并不完全依賴于WeUI,但是盡量保持整體UI樣式接近WeUI的設(shè)計(jì)規(guī)范。最初目標(biāo)是創(chuàng)建一個(gè)易用,實(shí)用,美觀的移動(dòng)端UI組件庫(kù),現(xiàn)在離理想狀態(tài)還有不少距離,因此需要大家及時(shí)反饋問題及貢獻(xiàn)代碼。
1、命令添加vux
npm install vux --save
2、在build/webpack.base.conf.js中配置
const vuxLoader = require('vux-loader') const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig //即將原來的module.exports 改為 const webpackConfig module.exports = vuxLoader.merge(webpackConfig, { plugins: [{ name: 'vux-ui' }] })
3、添加less
npm install less less-loader --save-dev
4、添加yaml-loader
npm install yaml-loader --save-dev
5、添加vux-loader
npm install vux-loader --save-dev
6、在main.js中添加
const FastClick = require('fastclick') FastClick.attach(document.body) import VueRouter from 'vue-router' Vue.use(VueRouter)
以上是“vue如何添加vux”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
新聞名稱:vue如何添加vux-創(chuàng)新互聯(lián)
標(biāo)題來源:http://www.rwnh.cn/article42/cspohc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、服務(wù)器托管、建站公司、網(wǎng)站維護(hù)、電子商務(wù)、全網(wǎng)營(yíng)銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
移動(dòng)網(wǎng)站建設(shè)知識(shí)