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