Vue中使用vux的配置詳解
Vue中使用vux的配置,分為兩種情況:
一、根據(jù)vux文檔直接安裝,無(wú)需手動(dòng)配置
npm install vue-cli -g // 如果還沒(méi)安裝 vue init airyland/vux2 my-project // 創(chuàng)建名為 my-project 的模板 cd my-project // 進(jìn)入項(xiàng)目 npm install --registry=https://registry.npm.taobao.org // 開(kāi)始安裝 npm run dev // 運(yùn)行項(xiàng)目
二、想在已創(chuàng)建的Vue工程里引入vue組件
<1>. 在項(xiàng)目里安裝vux
npm install vux --save
<2>. 安裝vux-loader (這個(gè)vux文檔似乎沒(méi)介紹,當(dāng)初沒(méi)安裝結(jié)果報(bào)了一堆錯(cuò)誤)
npm install vux-loader --save-dev
<3>. 安裝less-loader (這個(gè)是用以正確編譯less源碼,否則會(huì)出現(xiàn) ' Cannot GET / ')
npm install less less-loader --save-dev
<4>. 安裝yaml-loader (以正確進(jìn)行語(yǔ)言文件讀取, 我沒(méi)安裝似乎也沒(méi)報(bào)錯(cuò))
npm install yaml-loader --save-dev
<5>. 在build/webpack.base.conf.js 文件進(jìn)行配置
const vuxLoader = require('vux-loader') const webpackConfig = originalConfig // 原來(lái)的 module.exports 代碼賦值給變量 webpackConfig, //即將原來(lái)的module.exports 改為 const webpackConfig module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue3?+?async-validator實(shí)現(xiàn)表單驗(yàn)證的示例代碼
表單驗(yàn)證可以有效的過(guò)濾不合格的數(shù)據(jù),減少服務(wù)器的開(kāi)銷,并提升用戶的使用體驗(yàn),今天我們使用?vue3?來(lái)做一個(gè)表單驗(yàn)證的例子,需要的朋友跟隨小編一起學(xué)習(xí)下吧2022-06-06Vue3 + MybatisPlus實(shí)現(xiàn)批量刪除功能(詳細(xì)代碼)
這篇文章主要介紹了Vue3 + MybatisPlus實(shí)現(xiàn)批量刪除功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-03-03Vue查詢數(shù)據(jù)并通過(guò)bootstarp?table渲染數(shù)據(jù)
這篇文章主要為大家介紹了Vue查詢數(shù)據(jù)并通過(guò)bootstarp?table渲染數(shù)據(jù),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04vue在同一個(gè)頁(yè)面重復(fù)引用相同組件如何區(qū)分二者
這篇文章主要介紹了vue在同一個(gè)頁(yè)面重復(fù)引用相同組件如何區(qū)分二者,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08使用vue制作探探滑動(dòng)堆疊組件的實(shí)例代碼
探探的堆疊滑動(dòng)組件起到了關(guān)鍵的作用,下面就來(lái)看看如何用vue寫一個(gè)探探的堆疊組件,感興趣的朋友一起看看吧2018-03-03Vue3中watchEffect高級(jí)偵聽(tīng)器的具體使用
Vue3中新增了一種特殊的監(jiān)聽(tīng)器watchEffect,本文主要介紹了Vue3中watchEffect高級(jí)偵聽(tīng)器的具體使用,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01詳解關(guān)于表格合并span-method方法的補(bǔ)充(表格數(shù)據(jù)由后臺(tái)動(dòng)態(tài)返回)
這篇文章主要介紹了詳解關(guān)于表格合并span-method方法的補(bǔ)充(表格數(shù)據(jù)由后臺(tái)動(dòng)態(tài)返回) ,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05