码迷,mamicode.com
首页 > 移动开发 > 详细

《vue里用vux写移动端搭建环境》

时间:2020-01-17 19:14:44      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:http   修改   x-loader   ken   依赖   一起学   default   image   进入   

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写移动端搭建环境》

标签:http   修改   x-loader   ken   依赖   一起学   default   image   进入   

原文地址:https://www.cnblogs.com/kitty-chan/p/12207002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!