本文为您带来了关于uniapp跨域的相关知识,uni-app 是一个使用 vue.js 开发跨平台应用的前端框架,下面介绍一下uniapp开发小程序的开发规范,希望对大家有所帮助。
推荐:uniapp教程
一、工程结构
完成uniapp项目创建后,项目目录结构如下。下面简单介绍一下项目结构。如果看完介绍还是听不懂,建议先学vue。因为uniapp是基于vue的核心语法开发的,所以有必要学习vue。
- .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) 规范