Vue中使用vux的配置详解

发布时间 - 2026-01-11 00:59:14    点击率:

Vue中使用vux的配置,分为两种情况:

一、根据vux文档直接安装,无需手动配置

npm install vue-cli -g  // 如果还没安装
vue init airyland/vux2 my-project  // 创建名为 my-project 的模板
cd my-project  // 进入项目
npm install --registry=https://registry.npm.taobao.org  // 开始安装
npm run dev  // 运行项目 

二、想在已创建的Vue工程里引入vue组件

<1>. 在项目里安装vux

npm install vux --save

<2>. 安装vux-loader (这个vux文档似乎没介绍,当初没安装结果报了一堆错误) 

npm install vux-loader --save-dev

<3>. 安装less-loader  (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')

npm install less less-loader --save-dev

<4>. 安装yaml-loader  (以正确进行语言文件读取, 我没安装似乎也没报错)

npm install yaml-loader --save-dev

<5>. 在build/webpack.base.conf.js 文件进行配置

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig

// 原来的 module.exports 代码赋值给变量 webpackConfig,

//即将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# Vue  # vux  # 在vue中安装使用vux的教程详解  # Vue项目中使用Vux的安装过程  # vue+vux vux安装出现错误问题及解决  # 文档  # 还没  # 也没  # 两种  # 我没  # 报错  # 则会  # 报了  # 大家多多  # 当初  # airyland  # https  # taobao  # registry  # project  # cd 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Python面向对象测试方法_mock解析【教程】  高端云建站费用究竟需要多少预算?  济南网站建设制作公司,室内设计网站一般都有哪些功能?  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  微信小程序 五星评分(包括半颗星评分)实例代码  深入理解Android中的xmlns:tools属性  Linux系统命令中screen命令详解  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  利用JavaScript实现拖拽改变元素大小  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  如何实现建站之星域名转发设置?  js实现获取鼠标当前的位置  如何在新浪SAE免费搭建个人博客?  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  JS经典正则表达式笔试题汇总  如何快速搭建高效香港服务器网站?  如何在阿里云域名上完成建站全流程?  浅析上传头像示例及其注意事项  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  android nfc常用标签读取总结  想要更高端的建设网站,这些原则一定要坚持!  太平洋网站制作公司,网络用语太平洋是什么意思?  简单实现Android文件上传  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  java中使用zxing批量生成二维码立牌  详解jQuery中基本的动画方法  iOS验证手机号的正则表达式  html如何与html链接_实现多个HTML页面互相链接【互相】  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  Laravel如何使用Passport实现OAuth2?(完整配置步骤)  Laravel如何集成Inertia.js与Vue/React?(安装配置)  网站建设要注意的标准 促进网站用户好感度!  香港服务器如何优化才能显著提升网站加载速度?  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  如何在腾讯云服务器快速搭建个人网站?  百度浏览器如何管理插件 百度浏览器插件管理方法  大同网页,大同瑞慈医院官网?  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  微信小程序 闭包写法详细介绍  Python高阶函数应用_函数作为参数说明【指导】  java获取注册ip实例  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】