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

工程项目结构介绍

项目目录结构

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

  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目录介绍

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

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

实际开发前的准备文件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,773评论 19 139
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 11,387评论 2 36
  • 1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...
    鲁大师666阅读 5,389评论 1 3
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 5,206评论 0 13
  • 这两天吃的很多... 很多... 很多... 应该是大姨妈前兆... 但是刘花花... 请控制住你自己吧!!!
    刘八万阅读 1,449评论 0 0