怎么在vue項目中安裝vux?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
目前成都創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)頁空間、網(wǎng)站運營、企業(yè)網(wǎng)站設計、天心網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
Vue是一套用于構建用戶界面的漸進式JavaScript框架,Vue與其它大型框架的區(qū)別是,使用Vue可以自底向上逐層應用,其核心庫只關注視圖層,方便與第三方庫和項目整合,且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復雜的單頁應用。
首先自己要先新建一個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的方法了嗎?如果還想學到更多技能或想了解更多相關內(nèi)容,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
本文名稱:怎么在vue項目中安裝vux
本文路徑:http://muchs.cn/article44/ihssee.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供建站公司、網(wǎng)站收錄、定制開發(fā)、全網(wǎng)營銷推廣、云服務器、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)