当前位置 : 主页 > 网络编程 > 其它编程 >

uniapp项目结构目录快速认识

来源:互联网 收集:自由互联 发布时间:2023-07-02
uniapp初步认识。uni-app可以理解为vue和小程序结合体组件标签是小程序小程序的标签语法是vue的语法应用和页面级生命周 uniapp 初步认识。 uni-app 可以理解为 vue 和 小程序 结合体组件标签
uniapp初步认识。uni-app可以理解为vue和小程序结合体组件标签是小程序小程序的标签语法是vue的语法应用和页面级生命周

uniapp 初步认识。

uni-app 可以理解为 vue 和 小程序 结合体组件标签是 小程序 小程序的标签语法是 vue 的语法应用和页面级生命周期类似 小程序 的生命周期组件级生命周期类似 vue 的生命周期。简而言之。学会 uni-app 相当于基本学会 vue 和 小程序 两大前端技术。

目录结构

HuilderX 生成的uniapp项目目录结构也就类似 vue 和 小程序 的结合。

┌─.hbuilderx 云空间目录│─components 符合vue组件规范的uni-app组件目录│ └─comp-a.vue 可复用的comp-a组件├─node_modules 存放终端下载的插件npm install / cnpm install 等├─pages 业务页面文件存放的目录│ ├─index│ │ └─index.vue index首页页面│ └─list│ └─list.vue list列表页面├─static 存放应用引用的本地静态资源如图片、视频等的目录├─utils 自定义工具类文件存放目录├─main.js Vue初始化入口文件├─App.vue 应用配置用来配置App全局样式以及监听 应用生命周期├─manifest.json 配置应用名称、appid、logo、版本等打包信息├─index.html 自定义HTML文件在H5中可以加入百度统计以及网址标题图标等├─package-lock.json 记录npm安装的插件名、版本号、存放处等├─pages.json 配置页面路由、导航条、选项卡等页面类信息└─uni.scssHbuilderX sass插件安装生成的文件

补充提示

  • 编译到任意平台时static 目录下的文件均会被完整打包进去且不会编译。非 static 目录下的文件vue、js、css 等只有被引用到才会被打包编译进去。
  • static 目录下的 js 文件不会被编译如果里面有 es6 的代码不经过转换直接运行在手机设备上会报错。
  • css、less/scss 等资源不要放在 static 目录下建议这些公用的资源放在自建的 common 目录下。

点赞 评论 收藏 ~~ 有疑惑的小伙伴可能是我表达不清楚可以留言讨论如有错误也希望大家不吝指出。 ~~ 点赞 评论 收藏【本文由:阜宁网站建设 http://www.1234xp.com/funing.html 复制请保留原URL】
上一篇:苹果电脑安装双系统
下一篇:没有了
网友评论