在vue中安裝使用vux

番茄西紅柿發布于2019-04-23 13:23 / 1365人閱讀

摘要：最近因為的工作的原因在弄，從后端弄到前端之前一直用，現在第一次接觸感覺還挺有意思的，就是自己太菜了，這個腦子呀。。。。不太夠用。。。。。比如對自帶樣式的修改。。今天就記錄一下的安裝使用吧。。。。。。

最近因為的工作的原因在弄vue，從后端弄到前端之前一直用js，現在第一次接觸vue感覺還挺有意思的，就是自己太菜了，這個腦子呀。。。。不太夠用。。。。。頁面設計用了一個叫vux的東西，vux可以提供一些組件，用起來還是比較方便的，因為自己比較菜吧，所以有很多東西還是不太深入了解。。。比如對vux自帶樣式的修改。。希望有大牛看到的話也可以多多指點。。。

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

首先自己要先新建一個vue項目，cmd進入到項目目錄下，進行安裝

在項目目錄下安裝vux（也可以使用yarn安裝，本人沒有使用過就不多介紹了，我是用npm安裝，網速慢的話可以使用淘寶鏡像安裝）

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 中進行配置

const vuxLoader = require(vux-loader)

將原來的 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

　重新編譯項目后就可以使用vux的組件了
```
npm run dev
```

GPU云服務器云服務器如何在云服務器中安裝寶塔如何在云服務器中安裝flash 可以在云服務器中安裝軟件嗎 linux中安裝證書

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1799.html

vue項目中安裝和使用vux組件

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

yvonne 2019-08-26 10:15 評論0 收藏0
vux的使用

摘要：是可以結合使用的一個微信端組件庫，我通常用它來做簡單的提示框動畫之類的功能。我主要就記錄一下的安裝和大概使用方法。在使用過程中沒什么坑，安裝的時候坑比較多。 vux是可以結合vue使用的一個微信端組件庫，我通常用它來做簡單的提示框、loading動畫、confirm之類的功能。vux里面有很多很實用的功能，詳細的可以去看官方文檔。我主要就記錄一下vux的安裝和大概使用方法。安裝： /...

terasum 2019-08-22 16:24 評論0 收藏0
Mac OS X下安裝Vue腳手架（vue-cli）

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

terasum 2019-07-01 10:48 評論0 收藏0
Mac OS X下安裝Vue腳手架（vue-cli）

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

CoderStudy 2019-08-23 12:20 評論0 收藏0