符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
怎么在vue项目中安装vux?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
目前成都创新互联已为1000多家的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、天心网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
Vue是一套用于构建用户界面的渐进式JavaScript框架,Vue与其它大型框架的区别是,使用Vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。
首先自己要先新建一个vue项目,cmd进入到项目目录下,进行安装
1.在项目目录下安装vux(也可以使用yarn安装,本人没有使用过就不多介绍了,我是用npm安装,网速慢的话可以使用淘宝镜像安装)
npm install vux --save
安装淘宝镜像
npm install --registry=https://registry.npm.taobao.org npm config get registry //判断淘宝镜像是否安装成功
使用淘宝镜像安装vux
cnpm install vux --save
2.安装成功后安装vux-loader,如果使用的是vux2的话必须安装vux-loader
npm install vux-loader --save-dev
安装成功后在 build/webpack.base.conf.js 中进行配置
const vuxLoader = require('vux-loader')
将原来的 module.exports 代码赋值给变量 webpackConfig
并在build/webpack.base.conf.js中添加如下代码
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
3.安装less-loader以正确编译less源码
npm install less less-loader --save-dev
安装成功后在代码的resolve中添加less 如图:
4.安装yaml-loader
npm install yaml-loader --save-dev
5. 重新编译项目后就可以使用vux的组件了
npm run dev
看完上述内容,你们掌握怎么在vue项目中安装vux的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!