在vue中安裝使用vux的教程詳解
最近因為的工作的原因在弄vue，從后端弄到前端之前一直用js，現(xiàn)在第一次接觸vue感覺還挺有意思的，就是自己太菜了，這個腦子呀。。。。不太夠用。。。。。頁面設(shè)計用了一個叫vux的東西，vux可以提供一些組件，用起來還是比較方便的，因為自己比較菜吧，所以有很多東西還是不太深入了解。。。比如對vux自帶樣式的修改。。希望有大?？吹降脑捯部梢远喽嘀更c。。。
今天就記錄一下vux的安裝使用吧。。。。。。
首先自己要先新建一個vue項目，cmd進(jìn)入到項目目錄下，進(jìn)行安裝
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 中進(jìn)行配置
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
總結(jié)
以上所述是小編給大家介紹的在vue中安裝使用vux的教程詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue?extend+promise封裝全局彈窗組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue中axios的使用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
這篇文章主要介紹了vue項目Luckysheet的使用,目前Luckysheet不支持使用npm安裝包，所以只能使用CDN引入依賴，在vue項目的public/index.html文件里引入即可，本文通過示例代碼給大家詳細(xì)介紹，需要的朋友可以參考下2022-08-08
vue項目如何從session中獲取對象,并且使用里面的屬性
這篇文章主要介紹了vue項目如何從session中獲取對象,并且使用里面的屬性問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要介紹了Vue?3.0?項目創(chuàng)建過程，首先要確保電腦上已安裝node.js,確保已安裝?Vue?CLI,本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2024-04-04
Vue的watch和computed方法的使用及區(qū)別介紹
Vue的watch屬性可以用來監(jiān)聽data屬性中數(shù)據(jù)的變化。這篇文章主要介紹了Vue的watch和computed方法的使用及區(qū)別,需要的朋友可以參考下2018-09-09
Vue3中watch監(jiān)聽對象的屬性值(監(jiān)聽源必須是一個getter函數(shù))
這篇文章主要介紹了Vue3中watch監(jiān)聽對象的屬性值，監(jiān)聽源必須是一個getter函數(shù),本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
本篇文章主要介紹了vue2.0之多頁面的開發(fā)的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
使用npm報了很多錯,做的事情就是把錯誤復(fù)制到百度上去搜索,看看哪個解決方案有效,下面這篇文章主要給大家介紹了關(guān)于npm打包失敗排查的全過程,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了Vue如何引入icon圖標(biāo),本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-03-03