《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

结束语：

原文链接：https://www.jianshu.com/p/45f79ce1d553

写的还不错，新手可以看看