亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

在vue中安裝使用vux

番茄西紅柿 / 1425人閱讀

摘要：最近因?yàn)榈墓ぷ鞯脑蛟谂瑥暮蠖伺角岸酥耙恢庇?，現(xiàn)在第一次接觸感覺(jué)還挺有意思的，就是自己太菜了，這個(gè)腦子呀。。。。不太夠用。。。。。比如對(duì)自帶樣式的修改。。今天就記錄一下的安裝使用吧。。。。。。

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

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

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

  1. 在項(xiàng)目目錄下安裝vux（也可以使用yarn安裝，本人沒(méi)有使用過(guò)就不多介紹了，我是用npm安裝，網(wǎng)速慢的話(huà)可以使用淘寶鏡像安裝） 
    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的話(huà)必須安裝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]
})
  3. 安裝less-loader以正確編譯less源碼
    npm install less less-loader --save-dev
    安裝成功后在代碼的resolve中添加less 如圖：
    　
  4. 安裝yaml-loader
    npm install yaml-loader --save-dev
  5. 　重新編譯項(xiàng)目后就可以使用vux的組件了 
    npm run dev

 

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/1799.html

相關(guān)文章

  • vue項(xiàng)目中安裝和使用vux組件

    摘要：是一款基于構(gòu)建的移動(dòng)組件庫(kù)使用安裝安裝必須配合使用安裝用以正確編譯源碼，否則會(huì)出現(xiàn)安裝以正確進(jìn)行語(yǔ)言文件讀取在文件進(jìn)行配置將代碼賦值給變量在里加入完整的內(nèi)容中添加 vux是一款基于Vue構(gòu)建的移動(dòng)UI組件庫(kù)（https://doc.vux.li/zh-CN/） 1.使用npm安裝vuxnpm install vux --saveshowImg(https://segmentfault....

    yvonne 評(píng)論0 收藏0

  • vux的使用

    摘要：是可以結(jié)合使用的一個(gè)微信端組件庫(kù)，我通常用它來(lái)做簡(jiǎn)單的提示框動(dòng)畫(huà)之類(lèi)的功能。我主要就記錄一下的安裝和大概使用方法。在使用過(guò)程中沒(méi)什么坑，安裝的時(shí)候坑比較多。 vux是可以結(jié)合vue使用的一個(gè)微信端組件庫(kù)，我通常用它來(lái)做簡(jiǎn)單的提示框、loading動(dòng)畫(huà)、confirm之類(lèi)的功能。vux里面有很多很實(shí)用的功能，詳細(xì)的可以去看官方文檔。我主要就記錄一下vux的安裝和大概使用方法。 安裝： /...

    terasum 評(píng)論0 收藏0

  • Mac OS X下安裝Vue腳手架（vue-cli）

    摘要：下面來(lái)就來(lái)講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問(wèn)題，要求版本是。想用安裝，就必須用安裝一下。 前言 Vue作為前端三大框架（Angular，React，Vue）之一，號(hào)稱(chēng)是最簡(jiǎn)單，最容易上手的框架，同時(shí)也是行內(nèi)的大趨勢(shì)，還可以用來(lái)開(kāi)發(fā)最火的小程序。具有開(kāi)發(fā)快，雙向數(shù)據(jù)流等特點(diǎn)，有些人認(rèn)為Vue是Angular和Reac...

    terasum 評(píng)論0 收藏0

  • Mac OS X下安裝Vue腳手架（vue-cli）

    摘要：下面來(lái)就來(lái)講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問(wèn)題，要求版本是。想用安裝，就必須用安裝一下。 前言 Vue作為前端三大框架（Angular，React，Vue）之一，號(hào)稱(chēng)是最簡(jiǎn)單，最容易上手的框架，同時(shí)也是行內(nèi)的大趨勢(shì)，還可以用來(lái)開(kāi)發(fā)最火的小程序。具有開(kāi)發(fā)快，雙向數(shù)據(jù)流等特點(diǎn)，有些人認(rèn)為Vue是Angular和Reac...

    CoderStudy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<