《vue里用vux写移动端搭建环境》
Posted kitty-chan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了《vue里用vux写移动端搭建环境》相关的知识，希望对你有一定的参考价值。
vue里用vux写移动端搭建环境
一，序言
最近一直在看vue，越看越觉得有意思，由于工作需要，了解了一下vux，发现是个强大好用的UI组件库，以前用过vant，iview，其它的组件库目前还没发现，也还没用过，如果各位有好用的大方分享出来喔 ~ 一起学习，一起进步！下面进入正题，vux的配置环境。
二，vux安装环境
1.安装vux
npm install vux --save-dev
( 如果是3.0+的脚手架，那么可以直接在终端输入vue ui打开ui界面去安装依赖会更加方便！)
2.安装vux-loader
npm install vux-loader --save-dev //这个还是安装上吧，官网没讲说要安装
3.安装less-loader
npm install less-loader --save-dev //这个就是用来把less语言转为css的
4.安装yaml-loader用来正确读取语言文件
npm install yaml-loader --save-dev
5.修改webpack.base.config.js的代码
将原文中的
修改成如下的
6.在安装完依赖和配置后文件以后，引入vux的模板，全部的代码如下
<template>
<div class="about">
<a href="./index.html">从about跳转到demo1</a>
<group>
<cell title="title" value="value"></cell>
</group>
</div>
</template>
<script>
import { Group, Cell } from ‘vux‘
export default {
components: {
Group,
Cell
}
}
</script>
<style>
</style>
最后在运行 npm run dev
结束语：
以上是关于《vue里用vux写移动端搭建环境》的主要内容，如果未能解决你的问题，请参考以下文章