如何使用vux创建vue项目

如何使用vux创建vue项目

Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要应用于微信页面。

可以快速开发移动端页面，配合vux-loader实现在weui的基础上编写项目需要的样式。

先安装vue-cli,本例之前我已经安装过了，通过vue -V可以查明

(如何安装vue-cli请查看本步骤下的引用)

按照如图创建项目

34如何利用vue-cli初始化构建vue项目

安装依赖模块

npm install --registry=https://registry.npm.taobao.org

如果直接使用npm install 一般时间会比较长，直接使用cnpm可能会导致依赖模块不正确，所以建议npm后添加taobao 的 registry，可以避免上述两个问题。

运行程序

npm run dev

打开浏览器

http://localhost:8080/#/显示如下图

我们看一下默认的当前的页面是在main.js中引用的，而不是在我们router目录下的index下。

这种情况，个人觉得有点不舒服，所以我将它进行了修改

把路由的配置转移到router目录下的index下，将main.js的路由删除

修改之后依然OK，当然不介意的可以忽略该过程

我们在HelloWorld.vue文件下应用一下vux组件，以ButtonTab为例。