混合app

IONIC4目录结构

工欲善其事必先利其器,要想开始IONIC4的开发,了解IONIC4的目录结构,显然是一件很有必要的事。

根目录

e2e:ionic4.x中端对端测试文件
node_modules :ionic4.x中项目所需要的依赖包
resources :android/ios 资源(图标和启动动画)
src:ionic4.x中开发工作目录,页面、样式、脚本和图片都放在这个目录下
www:ionic4.x中静态文件,ionic build --prod 生成的单页面静态资源文件,可用于直接部署在网站中访问
platforms:生成android或者ios安装包需要的资源---(ionic cordova platform add android后会生成)
plugins:插件文件夹,里面放置各种cordova安装的插件
config.xml: 打包成app的配置文件
package.json: 配置项目的元数据和管理项目所需要的依赖
ionic.config.json、ionic.starter.json:ionic配置文件
angular.json angular配置文件
tsconfig.json: TypeScript项目的根目录,指定用来编译这个项目的根文件和编译选项
tslint.json:格式化和校验typescript

工作目录(src)

app:ionic4.x中应用根目录 (组件、页面、服务、模块...)
assets:ionic4.x中资源目录(静态文件(图片,js框架...)
theme:ionic4.x中主题文件,里面有一个scss文件,设置主题信息。
global.scss:ionic4.x中全局css文件
index.html:ionic4.x中 index入口文件
main.ts:ionic4.x中 主入口文件
karma.conf.js:测试相关的配置文件
test.js:测试相关的配置文件
polyfills.ts: 这个文件包含Angular需要的填充,并在应用程序之前加载

页面文件目录

xxx.module.ts:页面组件文件,要用到的组件都会在这儿先引入
xxx.page.html:页面布局文件
xxx.page.scss:页面css文件
xxx.page.spec.ts:不知道什么玩意儿,但开发工程中从来没有用过
xxx.page.ts:页面逻辑文件,基本上一个页面的功能都是在这里面开发的

发表评论

插入图片