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


相关推荐: 非常酷的网站设计制作软件,酷培ai教育官方网站?  阿里云高弹*务器配置方案|支持分布式架构与多节点部署  详解jQuery中的事件  如何在阿里云虚拟服务器快速搭建网站?  公司网站制作价格怎么算,公司办个官网需要多少钱?  高端网站建设与定制开发一站式解决方案 中企动力  如何在云主机快速搭建网站站点?  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  Windows Hello人脸识别突然无法使用  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  浅谈javascript alert和confirm的美化  利用 Google AI 进行 YouTube 视频 SEO 描述优化  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  Python函数文档自动校验_规范解析【教程】  消息称 OpenAI 正研发的神秘硬件设备或为智能笔,富士康代工  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  Laravel如何实现用户注册和登录?(Auth脚手架指南)  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  高端云建站费用究竟需要多少预算?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  Laravel怎么实现模型属性的自动加密  如何在建站之星网店版论坛获取技术支持?  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  音响网站制作视频教程,隆霸音响官方网站?  青岛网站建设如何选择本地服务器?  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  EditPlus中的正则表达式 实战(2)  Swift中swift中的switch 语句  详解MySQL数据库的安装与密码配置  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  JS去除重复并统计数量的实现方法  网站制作企业,网站的banner和导航栏是指什么?  Python高阶函数应用_函数作为参数说明【指导】  Laravel怎么在Blade中安全地输出原始HTML内容  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  深入理解Android中的xmlns:tools属性  EditPlus中的正则表达式实战(5)  如何在企业微信快速生成手机电脑官网?  Laravel如何使用.env文件管理环境变量?(最佳实践)  如何在 Pandas 中基于一列条件计算另一列的分组均值  详解Huffman编码算法之Java实现  Android okhttputils现在进度显示实例代码  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】