uni-app是一款基于vue.js的开发的前端框架,结合HBuilderX编辑器使用,可以编译到iOS、Android、H5、小程序等多个平台。

新建项目的时候,选择uni-app会自动生成文件根列表,这都是发布小程序,app等编译所需要的文件。

可是在刚开始使用HBuilderX的时候,发现HBuilderX真的很难用,添加的组件都没效果。因为它所有文件不能用【div】标签,都要用【view】,并且一个【template】里面只有包含一个view文件,否则会出错。
例如:这样是正确的。

不允许这样,会出错:


另外当我们要用到扩展组件的时候,我们需要安装,其实我不建议安装整个扩展组件。

我们只需要在要用的时候导入到我们的项目就可以了。这样可以省项目空间而且在找我们需要的组件的时候也可以很快的找到。
例如:

解决了以上的问题,就不会觉得HBuilderX难用啦,而且可以直接编译成各种语言,真心不错呢。