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

时间:2022-02-17 18:02:10

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的代码

      

    将原文中的

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

            修改成如下的

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

  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 写的还不错,新手可以看看