工程項(xiàng)目結(jié)構(gòu)介紹

項(xiàng)目目錄結(jié)構(gòu)

我們來大致了解一下每個(gè)文件夾的作用

1. node_modules ：文件夾 放置項(xiàng)目中依賴的一些包。就是我們使用npm包管理器 生成的文件夾。
2. package.json：文件 與上面的node_modules文件夾相對(duì)應(yīng)。管理依賴包的配置文件，npm install 命令就是根據(jù)該文件 去生成node_modules文件夾。 運(yùn)行 npm install “包名” 命令 也會(huì)自動(dòng)修改該文件。
3. plugins：項(xiàng)目中添加的cordova 插件 文件夾
4. resources：放置應(yīng)用圖標(biāo)和啟動(dòng)圖的文件夾
5. src：需要你寫代碼的文件夾
6. www：src下的文件 編譯后的文件夾。也是將來你程序發(fā)布需要的文件夾。
7. .gitignore：使用git時(shí)的忽略文件
8. config.xml：配置文件。 在該文件中 可以修改 應(yīng)用名稱、應(yīng)用id 版本號(hào)、應(yīng)用權(quán)限等 信息。
9. ionic.config.json、tsconfig.json：ionic 和 ts 的配置文件
10. tsLine.json：ts語法檢測(cè)的配置文件

src目錄介紹

src目錄

1. app：項(xiàng)目根模塊、跟組件的目錄
2. assets：項(xiàng)目資源文件目錄
3. component：公共組件放置目錄
4. model：放置數(shù)據(jù)模型的目錄
5. pages：功能模塊代碼目錄
6. prividers：公共服務(wù)對(duì)應(yīng)目錄
7. theme：存放公共樣式文件的目錄，包括系統(tǒng)級(jí)和自定義的樣式文件
8. index.html： 入口文件

以上的 component、model、providers 是自己新建的文件夾，不是項(xiàng)目初始化的文件夾。

實(shí)際開發(fā)前的準(zhǔn)備文件

• 添加scss 的 功能函數(shù)文件。 在theme文件夾下創(chuàng)建 _mixins.scss文件，文件內(nèi)容 中的內(nèi)容 拷貝進(jìn)去即可
• 單糖數(shù)據(jù)接口和單糖數(shù)據(jù)接口詳細(xì)數(shù)據(jù)