工程项目结构介绍
我们来大致了解一下每个文件夹的作用
- node_modules :文件夹 放置项目中依赖的一些包。就是我们使用npm包管理器 生成的文件夹。
- package.json:文件 与上面的node_modules文件夹相对应。管理依赖包的配置文件,npm install 命令就是根据该文件 去生成node_modules文件夹。 运行 npm install “包名” 命令 也会自动修改该文件。
- plugins:项目中添加的cordova 插件 文件夹
- resources:放置应用图标和启动图的文件夹
- src:需要你写代码的文件夹
- www:src下的文件 编译后的文件夹。也是将来你程序发布需要的文件夹。
- .gitignore:使用git时的忽略文件
- config.xml:配置文件。 在该文件中 可以修改 应用名称、应用id 版本号、应用权限等 信息。
- ionic.config.json、tsconfig.json:ionic 和 ts 的配置文件
- tsLine.json:ts语法检测的配置文件
src目录介绍
- app:项目根模块、跟组件的目录
- assets:项目资源文件目录
- component:公共组件放置目录
- model:放置数据模型的目录
- pages:功能模块代码目录
- prividers:公共服务对应目录
- theme:存放公共样式文件的目录,包括系统级和自定义的样式文件
- index.html: 入口文件
以上的 component、model、providers 是自己新建的文件夹,不是项目初始化的文件夹。
实际开发前的准备文件
- 添加scss 的 功能函数文件。 在theme文件夹下创建 _mixins.scss文件,文件内容 中的内容 拷贝进去即可
- 单糖数据接口和单糖数据接口详细数据