uni-app是一款基于vue.js的开发的前端框架，结合HBuilderX编辑器使用，可以编译到iOS、Android、H5、小程序等多个平台。
文章图片
新建项目的时候，选择uni-app会自动生成文件根列表，这都是发布小程序，app等编译所需要的文件。
文章图片
【uni-app vue框架组件添加使用及注意事项】可是在刚开始使用HBuilderX的时候，发现HBuilderX真的很难用，添加的组件都没效果。因为它所有文件不能用【div】标签，都要用【view】，并且一个【template】里面只有包含一个view文件，否则会出错。
例如：这样是正确的。
文章图片
不允许这样，会出错：
文章图片
文章图片
另外当我们要用到扩展组件的时候，我们需要安装，其实我不建议安装整个扩展组件。
文章图片
我们只需要在要用的时候导入到我们的项目就可以了。这样可以省项目空间而且在找我们需要的组件的时候也可以很快的找到。
例如：
文章图片
解决了以上的问题，就不会觉得HBuilderX难用啦，而且可以直接编译成各种语言，真心不错呢。
推荐阅读
- layui.flow流加载图标和样式的修改案例
- C语言简明教程（十一）（函数和指针）
- 游戏介绍 – XCOM（Chimera Squad）
- Xbox Series X和PS5发布标题缓解了一天一台游戏机购买的压力
- Xbox Head Phil Spencer重新致力于单人游戏，并获得更多工作室收购
- Xbox游戏金牌公开赛2020年11月免费
- Xbox Game Pass（这是十月份的最新消息）
- Xbox Game Pass将更多游戏添加到控制台，PC和移动设备
- 垂死之光2在哪里（）