位置:电子教程 > Uni-app入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
uni-app概要
通过 HBuilderX 可视化界面
通过 HBuilderX发布为小程序
通过vue-cli命令行运行uni app项目
框架简介
使用Vue.js注意事项
uni-app 常见问题
当前阅读教程:Uni-app入门教程 > uni-app工程目录结构
阅读(22555525)      收藏       赞(5685)      分享
上一篇: Vue 单文件组件 (SFC) 规范简介 下一篇: 导入资源的几种方式

一个uni-app工程,默认包含如下目录及文件:

┌─components             uni-app组件目录

  └─comp-a.vue         可复用的a组件

├─hybrid                  存放本地网页的目录

├─platforms              存放各平台专用页面的目录

├─pages                   业务页面文件存放的目录

  ├─index

    └─index.vue       index页面

  └─list

     └─list.vue        list页面

├─static           存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此

├─wxcomponents          存放小程序组件的目录,详见

├─main.js                Vue初始化入口文件

├─App.vue                应用配置,用来配置App全局样式以及监听

├─manifest.json         配置应用名称、appidlogo、版本等打包信息

└─pages.json             配置页面路由、导航条、选项卡等页面类信息

注意

l  static 目录下的 js 文件不会被编译,如果里面有 es6 的代码,不经过转换直接运行,在手机设备上会报错。

l  cssless/scss 等资源同样不要放在 static 目录下,建议这些公用的资源放在 common 目录下。

l  HbuilderX 1.9.0+ 支持在根目录创建 ext.json sitemap.json 文件。

有效目录

说明

app-plus

App

h5

H5

mp-weixin

微信小程序

mp-alipay

支付宝小程序

mp-baidu

百度小程序



上一篇: Vue 单文件组件 (SFC) 规范简介 下一篇: 导入资源的几种方式
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)