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教程的详细讲解,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你的!
版权声明:vue中安装和使用vux的详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。