vue中安装和使用vux的详细说明

最近因为工作的原因在做vue。我一直使用js，直到我从后端拿到前端。现在第一次接触vue就觉得挺有意思的，就是太会吃了。还不够。页面设计使用了一种叫做vux的东西。vux可以提供一些组件，使用起来相当方便。因为你比较菜品，还有很多东西你不太了解。比如vux自己风格的修改。希望大牛看到了能多给点建议。

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

首先，您必须创建一个新的vue项目，cmd进入项目目录进行安装

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

npm安装vux -保存

安装淘宝镜像

NPM安装-注册表=https://registry.npm.taobao.org NPM配置获取注册表//确定淘宝镜像是否安装成功并使用淘宝镜像安装vux

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

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

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

const vuxlloader=require(' vux-loader ')

将代码导出到变量webpackConfig

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

module . exports=vuxlloader . merge(webpackkconfig，{ plugins :[' vux-ui ']})

3.安装更少的加载程序来正确编译更少的源代码

npm少安装少加载保存开发

安装成功后，在代码解析中少加一些，如下图所示：

4.安装yaml-loader

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

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

npm运行开发

摘要

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