最近因?yàn)榈墓ぷ鞯脑蛟谂獀ue，從后端弄到前端之前一直用js，現(xiàn)在第一次接觸vue感覺(jué)還挺有意思的，就是自己太菜了，這個(gè)腦子呀。。。。不太夠用。。。。。頁(yè)面設(shè)計(jì)用了一個(gè)叫vux的東西，vux可以提供一些組件，用起來(lái)還是比較方便的，因?yàn)樽约罕容^菜吧，所以有很多東西還是不太深入了解。。。比如對(duì)vux自帶樣式的修改。。希望有大牛看到的話也可以多多指點(diǎn)。。。

今天就記錄一下vux的安裝使用吧。。。。。。

首先自己要先新建一個(gè)vue項(xiàng)目，cmd進(jìn)入到項(xiàng)目目錄下，進(jìn)行安裝

在項(xiàng)目目錄下安裝vux（也可以使用yarn安裝，本人沒(méi)有使用過(guò)就不多介紹了，我是用npm安裝，網(wǎng)速慢的話可以使用淘寶鏡像安裝） npm install vux --save 安裝淘寶鏡像 npm install --registry=https://registry.npm.taobao.org
npm config get registry //判斷淘寶鏡像是否安裝成功 使用淘寶鏡像安裝vux cnpm install vux --save ?

安裝成功后安裝vux-loader，如果使用的是vux2的話必須安裝vux-loader npm install vux-loader --save-dev 安裝成功后在 build/webpack.base.conf.js 中進(jìn)行配置 const vuxLoader = require('vux-loader') 將原來(lái)的 module.exports 代碼賦值給變量 webpackConfig 并在build/webpack.base.conf.js中添加如下代碼 module.exports = vuxLoader.merge(webpackConfig, {plugins: ['vux-ui'] })

安裝less-loader以正確編譯less源碼 npm install less less-loader --save-dev 安裝成功后在代碼的resolve中添加less 如圖： 　

安裝yaml-loader npm install yaml-loader --save-dev

　重新編譯項(xiàng)目后就可以使用vux的組件了 npm run dev

?

本文轉(zhuǎn)載于:猿2048https://www.mk2048.com/blog/blog.php?id=i1aaaa&title=在vue中安裝使用vux

總結(jié)

以上是生活随笔為你收集整理的在vue中安装使用vux的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。