uniapp 开发小程序

lxf2023-05-03 11:25:02

本文为您带来了关于uniapp跨域的相关知识,uni-app 是一个使用 vue.js 开发跨平台应用的前端框架,下面介绍一下uniapp开发小程序的开发规范,希望对大家有所帮助。

uniapp 开发小程序

推荐:uniapp教程

一、工程结构

完成uniapp项目创建后,项目目录结构如下。下面简单介绍一下项目结构。如果看完介绍还是听不懂,建议先学vue。因为uniapp是基于vue的核心语法开发的,所以有必要学习vue。

uniapp 开发小程序

  • .hbuilderx是Hbuilderx的开发配置目录,用于开发项目,一般不需要手动修改其内容。有了这个目录,其他人在导入项目时会默认使用你的开发工具配置信息。因为每个人使用开发工具的习惯不同,目录一般不会上传到版本管理仓库。
  • pages是所有vue页面的存储目录,可根据自己的计划在pages目录下创建子目录
  • static目录通常存储项目引用的静态资源,如图片、图标、字体等
  • unpackage各平台的打包文件存储目录,项目打包后的结果文件存储在本目录中。
  • App.vue是项目的根部组件,即vue单页入口文件,可以在该页面上监控应用级的生命周期函数。
  • main.js是项目的js入口文件,将vue页面实例化,并整合vue页面所需的组件插件等内容。
  • index.html是项目的主页,项目的入口页面。main.js实例化后的vue页面结果,最终将渲染到首页。
  • manifest.json是指定应用程序名称、图标、权限、启动页面设置、插件等信息的应用程序配置文件
  • pages.json是对应用程序的显示页面进行配置,如文件路径、窗口样式、原生导航栏配置等。
  • uni.scss文件主要用于控制应用页面的整体显示风格,预设一些SCSS变量,如文本颜色、背景颜色、边框颜色、图片尺寸等

最后,一般来说,我们需要手动建立一个components目录,用于存储vue的components组件。

二、开发规范

遵循Vue 单文件组件 (SFC) 规范