这节课来看下项目结构，先来看下项目里有哪些文件夹和文件。
image.png
js不能放static，static只能放图片和字体
image.png
utils是自己新建的文件夹。主要存放工具类。
image.png
再来新建common，放公用的文件
image.png

App.vue

和小程序里面的App.js是一样的，这里会有全局的生命周期。
image.png
onShow是应用从前台进入到后台。onHide是前台进入到后台执行。
image.png

main.js

image.png
它和vue工程的main.js作用是一样的，
image.png
我们的vue实例都是在这里注册的
image.png
包括在这里我们可以绑定一些全局的变量。或者引用全局的自定义组件，或者是第三方库，都可以在main.js内操作。
image.png

mainfest.json 项目配置

image.png

比如可以配置app图标
image.png
image.png
image.png
上面对应开发者工具里面的，右上角，详情
image.png
image.png

本地设置
image.png

源码视图

对应所有配置的源码的方式。
image.png

pages.json

image.png
我们所有在pages下面写的页面文件都要在pages这个节点下面去注册，
image.png
比如我们当前的index.vue那么我们就pages里面创建一个对象去注册
image.png
具体的配置可以看官方文档
image.png

所有页面，共用的配置
image.png
所有页面的标题文字
image.png
自己页面的配置会覆盖全局的配置
image.png

uni.scss

这个文件在全局注册，如果用直接写变量即可
image.png

例如可以在这里定义一个全局的变量。就可以在其他页面使用，
image.png

结束