ionic3目录结构分析

作者: 凌风x | 来源:发表于2018-03-14 10:21 被阅读37次

    建议使用编译器:VScode 

    项目整体目录:

    目录结构

    注:黑体是常用重点目录

    node_modules: node各种类依赖包

    platforms: 生成android/ios安装包目录 执行 ionic cordova platform add android (或者ios)

    plugins: 插件文件夹,放置了各种cordova 插件

    resources: android/ios 资源(图标、启动页)

    src: 开发工作目录,核心代码放置的地方

    www: 静态文件

    config.xml: 打包成app的配置文件

    pachage.json: 配置项目的元数据和管理项目所需要的依赖

    tsconfig.json:TypeScript 项目的根目录,指定用来编译这个项目的根文件和编译选项

    tslint.json: 格式化和校验 typescript


    src目录展开:

    src目录详情

    app:应用根目录

    assets:资源目录(静态文件、图片。。。)

    components:组件目录,放置自定义的组件

    directives:指令目录,放置自定义的指令(学过angularJS的童鞋应该知道指令的含义)

    pages:页面文件,放置编写的页面文件(html、scss、ts)

    theme:主题文件,里面的scss文件可以设置主题信息

    相关文章

      网友评论

        本文标题:ionic3目录结构分析

        本文链接:https://www.haomeiwen.com/subject/jwbxqftx.html