zoukankan      html  css  js  c++  java
  • AngularJS+Ionic开发-2.项目结构介绍

    使用上篇博客《开发环境搭建》中的命令创建完成IonicHelloWorld项目,在VSCode中的左侧,显示该项目的结构信息,如下图所示:

    项目结构图

    1 .sourcesmaps文件夹

    调试状态的javascript出现问题时,能够准确定位到那个文件的那一行代码,但是压缩后的代码出现问题也无法准确找到代码位置。Sourcemap的出现就是为了解决这个问题,它是一个文件,保存着压缩后的JavaScript代码在源文件中的位置信息,出现问题后也能够调试状态下显示出源代码的位置,目前好像只有Chrome浏览器能够这个功能。详细信息可参考javascript中的Source Map介绍。

    2.node_modules文件夹

    项目中所依赖的模块数据。

    3.src文件夹

    项目中的源代码文件,它还包括以下信息:

    *app文件夹:项目的根目录,存放项目的入口文件。
    *assets文件夹:存放项目中的图标和图片等资源文件。
    pages文件夹:存放项目中的页面文件,一个页面文件由3个文件组成,分别为.html、.scss、ts。其中html文件是页面的组成信息,scss文件是页面的样式文件,ts文件是页面的脚本信息。
    *theme文件夹:存在项目的主题信息文件。
    *index.html文件:项目的入口文件,设置脚本和CSS信息,并运行整个项目。
    *manifest.json文件
    *service-worker.js文件

    4. www文件夹

    项目编译后的文件存放的位置。

    5. .editorconfig文件

    6. .gitignore文件:Git管理项目中的忽略提交文件信息。

    7. ionic.config.json文件

    8. ionic.starter.json文件

    9. package-lock.json文件

    项目中的node_modules中的模块的锁定版本,主要用于生产环境的版本锁定。

    10. package.json文件

    项目中的node_modules中的模块信息。

    11. tsonfig.json文件

    typescript项目的根目录,指定用来编译这个项目的根文件和编译选项。

    12. tslint.json文件

    typescript的格式化和校验信息。

  • 相关阅读:
    使用子查询可提升 COUNT DISTINCT 速度 50 倍
    页面装载js及性能分析方法
    用CSS创建打印页面
    每个Web开发者都应该知道的关于URL编码的知识
    C IO programming test code
    全球NTP服务器列表
    MySQL数据的查询注意
    Python使用pyMysql模块插入数据到mysql的乱码解决
    单元测试
    python threading.thread
  • 原文地址:https://www.cnblogs.com/DreamOfLife/p/9289616.html
Copyright © 2011-2022 走看看