《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




结束语:
原文链接:https://www.jianshu.com/p/45f79ce1d553
写的还不错,新手可以看看

以上是关于《vue里用vux写移动端搭建环境》的主要内容,如果未能解决你的问题,请参考以下文章

vue+vux+es6+webpack移动端常用配置步骤

Vue中的Vux配置指南

vux-- Vue.js 移动端 UI 组件库

vux-scroller实现移动端上拉加载功能

几款实用的VUE移动端UI框架

几款实用的VUE移动端UI框架