在vue中安装使用vux

最近因为的工作的原因在弄vue，从后端弄到前端之前一直用js，现在第一次接触vue感觉还挺有意思的，就是自己太菜了，这个脑子呀。。。。不太够用。。。。。页面设计用了一个叫vux的东西，vux可以提供一些组件，用起来还是比较方便的，因为自己比较菜吧，所以有很多东西还是不太深入了解。。。比如对vux自带样式的修改。。希望有大牛看到的话也可以多多指点。。。

今天就记录一下vux的安装使用吧。。。。。。

首先自己要先新建一个vue项目，cmd进入到项目目录下，进行安装

在项目目录下安装vux（也可以使用yarn安装，本人没有使用过就不多介绍了，我是用npm安装，网速慢的话可以使用淘宝镜像安装）

npm install vux --save

安装淘宝镜像

npm install --registry=https://registry.npm.taobao.orgnpm 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

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=i1aaaa&title=在vue中安装使用vux

在vue中安装使用vux相关推荐

vue中安装sass
安装了几次,发现很坑的地方安装必须@版本号不然不行,我的node是14版本 npm install sass-loader@7.3.1 --save-dev //安装sass-loader npm i ...
vue中安装使用echarts
安装 npm install echarts --save 在main.js中,如果报错建议重装或者回退版本 import echarts from 'echarts' // 引入echarts Vu ...
vue中安装和使用Dplayer视频播放器
1.下载 npm下载 npm install dplayer - s npm i hls.js -s yarn下载 yarn add dplayer yarn add hls.js 2.使用 < ...
Vue中安装pubsub-js库报错相关事宜
目录背景哪里查看版本? 如何安装背景使用命令行npm i pubsub-js 安装pubsub-js时候报错. 因为安装pubsub-js的订阅和发布消息功能,目前仅支持1.6.0版本所以安 ...
Vue 中安装 element-ui 的步骤
1. 在项目下输入 npm install element-ui -S 2.查看配置文件package.json,是否有element-ui组件的版本号如下图: 3.安装成功后 ,在nod ...
vue中安装recorderx v-emoji-picker vue-context-menu vue-dragging失败的解决方法
[现象] 98% after emitting CopyPlugin ERROR Failed to compile with 16 errors17:16:04 These dependenci ...
Vue中使用Openlayers加载Geoserver发布的TileWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载Geoserver发布的ImageWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...

在vue中安装使用vux

在vue中安装使用vux相关推荐

最新文章

热门文章