初识uni-app项目结构与页面创建指南.pdfVIP

3-3初识uni-app项目

140.143.132.225:8000/project-1/doc-33

一、uni-app工程目录结构

uni-app项目创建出来，目录结构如下：

序号结构用途

1pages目录存放页面文件

2static目录存放静态文件（）

3App.vue文件所有小程序页面都被到该文件运行

4

main.js文件项目文件，用来初始化VUE对象，定义全局组件等

5manifest.json文件工程配置文件，应用的名称、图标、权限等

6pages.json文件页面文件，配置页面路径、窗口样式、标题文字等

7uni.scss文件全局样式文件

二、创建练习页面

1.在pages目录中创建demo页面

3‑3初识uni‑app项目

140.143.132.225:8000/project‑1/doc‑33

一、uni‑app工程目录结构

uni‑app项目创建出来，目录结构如下：

序号结构用途

1页目录页面文件

2静态目录静态文件()

应用程序.vue文件

3所有小程序页面都被到该文件运行

4main.js文件项目文件，用于初始化VUE对象，全局定义组件等

5manifest.json文件工程配置文件,应用的名称、图标、权限等

6页面.json文件页面文件,页面路径、窗口样式、标题配置文字等

7uni.scss文件全局风格文件

二、创建练习页面

1.在pages目录中创建demo页面