vue安装vuex,linux vue部署

vue安装vuex,linux vue部署,在vue中安装使用vux的教程详解

本文主要介绍在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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: