基于vue的vux（移动端ui组件库）开发环境搭建

1.倒叙：在搭建了vux的开发环境并copy了vux的中文文档中的demo，本地转为静态文件运行时出现中文乱码，解决方法是将App.vue文件使用utf-8存储（即使用记事本打开另存为utf-8）。编码相关，了解一下点击打开链接。

2.前言：学着vue学着学着学到了node，vue-cli，webpack,之后才能使用vux，（感叹词！）

3.开始：

上链接：*.vux靠谱点的教程1，了解一下点击打开链接；*.vue靠谱点的教程2，了解一下点击打开链接；*.vux官方文档3，了解一下点击打开链接；*本地运行demo，了解一下点击打开链接

4.运行demo

*假设按照步骤3的执行了（主要是教程1和教程2多看看，官方文档安装环境难度比较高）。随便找了一个官方的demo,路径在官方文档上方主菜单-组件-左侧菜单栏-表单-(x-input)-demo源码。将demo源码copy覆盖至项目文件src路径下App.vue中。

*在项目文件下ctrl+shift+鼠标右键，打开cmd窗口，输入npm run build，在开发环境正确搭建的情况下，会在项目文件下生成dist文件夹，打开dist文件夹下的index.html就可以看到x-input的demo了，若出现乱码，需要将App.vue文件转为utf-8编码,若出现空白，需要将config/index.js/build/assetsPublicPath改为'./'。

 5.截图：