本文主要介绍在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的教程的详细讲解。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。