您好,登錄后才能下訂單哦!
怎么在vue項目中安裝vux?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架,Vue與其它大型框架的區(qū)別是,使用Vue可以自底向上逐層應(yīng)用,其核心庫只關(guān)注視圖層,方便與第三方庫和項目整合,且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。
首先自己要先新建一個vue項目,cmd進入到項目目錄下,進行安裝
1.在項目目錄下安裝vux(也可以使用yarn安裝,本人沒有使用過就不多介紹了,我是用npm安裝,網(wǎng)速慢的話可以使用淘寶鏡像安裝)
npm install vux --save
安裝淘寶鏡像
npm install --registry=https://registry.npm.taobao.org npm config get registry //判斷淘寶鏡像是否安裝成功
使用淘寶鏡像安裝vux
cnpm install vux --save
2.安裝成功后安裝vux-loader,如果使用的是vux2的話必須安裝vux-loader
npm install vux-loader --save-dev
安裝成功后在 build/webpack.base.conf.js 中進行配置
const vuxLoader = require('vux-loader')
將原來的 module.exports 代碼賦值給變量 webpackConfig
并在build/webpack.base.conf.js中添加如下代碼
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
3.安裝less-loader以正確編譯less源碼
npm install less less-loader --save-dev
安裝成功后在代碼的resolve中添加less 如圖:
4.安裝yaml-loader
npm install yaml-loader --save-dev
5. 重新編譯項目后就可以使用vux的組件了
npm run dev
看完上述內(nèi)容,你們掌握怎么在vue項目中安裝vux的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。