名称

含义

内容

截图

pages

页面存放目录

页面

uniapp android 文件权限 uniapp入口文件_uniapp android 文件权限

static

存放应用引用静态资源的目录,注意:静态资源只能存放于此

字体、图标、图片、css、js

uniapp android 文件权限 uniapp入口文件_uniapp android 文件权限_02

App.vue

项目的根组件,所有页面都是在App.vue下进行切换的,是页面的入口文件,可以调用应用的生命周期函数

统一样式(scss、字体样式等)、定义应用的生命周期和统一方法

uniapp android 文件权限 uniapp入口文件_javascript_03

main.js

应用入口文件

初始化vue实例并使用需要的插件。引入全局的组件、挂载属性、过滤使用的属性。

uniapp android 文件权限 uniapp入口文件_App_04

manifest.json

应用配置文件

用于指定应用的名称、图标、权限

uniapp android 文件权限 uniapp入口文件_App_05

pages.json

全局配置文件

页面文件的路径、窗口样式、原生的导航栏、底部的原生tabba

uniapp android 文件权限 uniapp入口文件_uniapp android 文件权限_06

common

存放公用的文件

components

自定义组件目录

定义的组件

uniapp android 文件权限 uniapp入口文件_App_07

store

vuex目录

引入vue和vuex、使用vuex临时存储变量

uniapp android 文件权限 uniapp入口文件_javascript_08

unpackage

存放打包后的文件,新建的项目是没有的。(使用微信开发者工具运行后,也会出现此文件夹)

对于打包后的文件,还需要说的是:如果打包后,相关组件或者图片失去了效果,可能是打包后的相关内容的引用路径出现了改变,导致错误。

uniapp android 文件权限 uniapp入口文件_javascript_09

uni.scss

全局样式文件,uni-app的内置的scss变量,可以直接使用,用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格,uni.scss文件里预置了一批scss变量预置。

引入uview-ui/theme.scss文件。定义颜色变量,在pages里可以直接定义颜色变量。

uniapp android 文件权限 uniapp入口文件_前端_10

env.js

写地址,并暴露出去

不同环境下的地址

uniapp android 文件权限 uniapp入口文件_javascript_11

封装方法的js

封装请求的方法

写在static/js下

uniapp android 文件权限 uniapp入口文件_前端_12