Vue中使用vux的配置详解


Posted in Javascript onMay 05, 2017

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'] })

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

Javascript 相关文章推荐
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
微信小程序url传参写变量的方法
Aug 09 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
jQuery实时统计输入框字数及限制
Jun 24 jQuery
js实现列表按字母排序
Aug 11 Javascript
Angular directive递归实现目录树结构代码实例
May 05 #Javascript
微信小程序开发图片拖拽实例详解
May 05 #Javascript
javascript 中关于array的常用方法详解
May 05 #Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 #Javascript
Angular中实现树形结构视图实例代码
May 05 #Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 #Javascript
jquery中封装函数传递当前元素的方法示例
May 05 #jQuery
You might like
php字符串截取函数用法分析
2014/11/25 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
OpenLayers实现图层切换控件
2020/09/25 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
讲解Python中的递归函数
2015/04/27 Python
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
浅析Python中的for 循环
2016/06/09 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
Python实战购物车项目的实现参考
2019/02/20 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
个人能力自我鉴赏
2014/01/25 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
四群教育工作实施方案
2014/03/26 职场文书
新学期教师寄语
2014/04/02 职场文书
报到证办理个人委托书
2014/10/06 职场文书
群众路线个人整改方案
2014/10/25 职场文书
新郎结婚保证书
2015/02/26 职场文书
史上最全书信经典范文大全(建议收藏)
2019/07/10 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript