vue-weui遇到的问题【启动、样式、ip访问】

最近要做一个微信公众号的项目,刚开始准备中,不知道从哪入手,最后经过一系列的筛选,选择用vue-weui来实现,但同样的,难入手啊,废话不多说,来说一下我的使用过程。

1、nodejs,之前用过一点,但还不是很熟悉,用nodejs来启动项目,成了我的第一部。

通过的下面文章总算顺利的把项目启动了,启动步骤见下面链接

http://www.jianshu.com/p/2769efeaa10a

2、开始尝试网页构建

a、src\router这个目录下的index.js可以更改路径以及文件名

b、src\components在这个目录下的vue文件里可以创建你自己的网页了。在这个过程中遇到个问题,就是vue里使用weui的样式,首先要在外部的index里引入weui.css文件,但是网上直接下载的weui都是.less的css创建文件,后来发现把代码里边的class名字改下就可以了,例如:weui-navbar__item把中划线换成下划线,把后面的两个下划线删掉一个weui_navbar_item,改成这样就可以了。

c、做完了一个网页当然要在手机上试试了,结果发现个问题就是ip直接访问网站无法访问,解决办法是config文件夹下的index.js将host: 'localhost'改为host:’0.0.0.0’重新启动项目刷新网页就OK啦

暂时就用了这么多,之后遇到什么问题怎么解决的在随时补充,大家遇到什么问题怎么解决的也可以发出来,方便后面的人使用

你可能感兴趣的:(vue-weui遇到的问题【启动、样式、ip访问】)