Ionic开发-2.项目基本结构介绍

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

• .sourcesmaps文件夹

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

• node_modules文件夹

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

• src文件夹

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

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

• www文件夹：目编译后的文件存放的位置。

• .editorconfig文件：源代码编辑器的配置信息，用于忽略不同编辑人或编辑器之间的差异。
• .gitignore文件：Git管理项目中的忽略提交文件信息。
• ionic.config.json文件
• ionic.starter.json文件
• package-lock.json文件：项目中的node_modules中的模块的锁定版本，主要用于生产环境的版本锁定。

• package.json文件：目中的node_modules中的模块信息。

• tsonfig.json文件：typescript项目的根目录，指定用来编译这个项目的根文件和编译选项。

• tslint.json文件：typescript的格式化和校验信息。