ionic2(仿单糖app)-02项目目录文件介绍

工程项目结构介绍

ionic2(仿单糖app)-02项目目录文件介绍_第1张图片
项目目录结构

我们来大致了解一下每个文件夹的作用

  1. node_modules :文件夹 放置项目中依赖的一些包。就是我们使用npm包管理器 生成的文件夹。
  2. package.json:文件 与上面的node_modules文件夹相对应。管理依赖包的配置文件,npm install 命令就是根据该文件 去生成node_modules文件夹。 运行 npm install “包名” 命令 也会自动修改该文件。
  3. plugins:项目中添加的cordova 插件 文件夹
  4. resources:放置应用图标和启动图的文件夹
  5. src:需要你写代码的文件夹
  6. www:src下的文件 编译后的文件夹。也是将来你程序发布需要的文件夹。
  7. .gitignore:使用git时的忽略文件
  8. config.xml:配置文件。 在该文件中 可以修改 应用名称、应用id 版本号、应用权限等 信息。
  9. ionic.config.json、tsconfig.json:ionic 和 ts 的配置文件
  10. tsLine.json:ts语法检测的配置文件

src目录介绍

ionic2(仿单糖app)-02项目目录文件介绍_第2张图片
src目录
  1. app:项目根模块、跟组件的目录
  2. assets:项目资源文件目录
  3. component:公共组件放置目录
  4. model:放置数据模型的目录
  5. pages:功能模块代码目录
  6. prividers:公共服务对应目录
  7. theme:存放公共样式文件的目录,包括系统级和自定义的样式文件
  8. index.html: 入口文件

以上的 component、model、providers 是自己新建的文件夹,不是项目初始化的文件夹。

实际开发前的准备文件

  • 添加scss 的 功能函数文件。 在theme文件夹下创建 _mixins.scss文件,文件内容 中的内容 拷贝进去即可
  • 单糖数据接口和单糖数据接口详细数据

你可能感兴趣的:(ionic2(仿单糖app)-02项目目录文件介绍)