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