本文主要介绍在vue中安装和使用vux的教程。本文记录了vuex的安装和使用过程，很不错，有一定的参考价值。有需要的朋友可以参考一下。

因为最近的工作，我在做vue，从后端到前端一直用js。现在第一次接触vue还挺有意思的，不过我太好吃了，这脑子。不够。页面的设计用了一个叫vux的东西，可以提供一些组件，用起来还是挺方便的。因为自己比较菜，很多东西还是不太懂。比如vux自身风格的修改。希望大牛看到了能多多指教。

今天我们来记录一下vux的安装和使用。

首先，你要创建一个新的vue项目。cmd进入项目目录并安装它。

1.在项目目录下安装vux(也可以用yarn安装，没用过的就不多介绍了。我用npm安装。如果网速慢，可以用淘宝镜像安装)

npm安装vux -保存

安装淘宝图片

npm安装-registry=https://registry . NPM . Taobao . org

npconfig get registry//确定淘宝镜像是否安装成功。

用淘宝镜像安装vux

cnpm安装vux -保存

2.成功安装后安装vux-loader。如果您使用vux2，您必须安装vux-loader。

npm安装vux-加载程序-保存-开发

成功安装后，在build/webpack.base.conf.js中进行配置

const vux loader=require( vux-loader )

将原始的module.exports代码赋给变量webpackConfig。

并在build/webpack.base.conf.js中添加以下代码

module . exports=vuxloader . merge(web pack config，{

插件：[vux-ui]

})

3.安装less-loader以正确编译较少的源代码。

npm安装更少-加载程序-节省-开发

安装成功后，在代码的解析中添加较少的内容，如下图所示：

4.安装yaml-loader

npm安装yaml-loader - save-dev

5.重新编译项目后，就可以使用vux的组件了。

npm运行开发

总结

以上是边肖介绍的在vue中安装使用vux的教程的详细讲解。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您！