做前端的都應該知道一個框架 Ionic 這個是移動端webAPP最好用的吧(個人認為),那今天就來說說這個項目的結構以及文件的含義,希望對大家有所幫助
想看如何生成文件的話詳細看我上篇博客
hooks 文件夾是伴隨 Cordova 的安裝 自動生成的文件夾 , 該文件夾有腳本 可以定制 Cordova 命令 。 一般情況下 , 不對該文件夾中的文件進行更改 。
包含了所有使用 npm 安裝的依賴包。
用于放置 Ionic 擴展 文 件 的 文件 夾(存儲所有 Cordova 插件的位置) , 比 如 升 級 或 者擴 展 Ionic 。 為了 安 裝 這 些 擴 展 文 件 , 你 需 要 確 保 安 裝 了 Git 。 通常 我們 不對該 文件夾 進行改 動 。 scss 和www 這兩個文件夾 , 是項 目中經常會用到的文件夾 。畢竟懂node的讀客會知道www的
platforms 包含了 iOS 平臺和 Android 平臺的項目文件,一般不需要去修改,除非你需要修改一些原生的配置,如需要配置不同平臺的推送通知的時候,才需要對其中的相關文件進行修改。
Ionic偶爾會使用Bower安裝一些組件,所以產生了bowerrc文件,通常不對該文件進行修改
使用Git和GitHub追蹤項目時,.gitignore可以用來指定忽略文件。如果不想特定的文件夾和文件被上傳到Git倉庫(repository),我們可以使用.gitignore防止文件轉移。
在Git中,我們將需要進行版本控制的文件目錄叫做一個倉庫,每個倉庫可以簡單理解成一個目錄,這個目錄中的所有文件都通過Git來實現版本管理,Git都能跟蹤并記錄在該目錄中發生的所有更新。
config.xml是另外一個Cordova安裝文檔,通常也不需要修改。
該文件控制著允許Ionic自動重載瀏覽器的自動操作;還負責其他事情,比如處理文件 一般不去修改即可
package.json文件出現在許多的node項目中,它定義了這個項目所需要的各種模塊及項目的配置信息,如名稱、版本、許可證等元數據。Node和Gulp工具可以依據文 件中的項目需求和配置信息來履行責任。一般不修改該文件。
可以自定義配置值,供項目讀取
如果在Ionic項目中使用的是CSS的預處理語言SASS,就可以在scss文件夾下的相應文件覆蓋Ionic的默認值。如果熟悉SASS語言,我們可以在相應scss文件添加SASS命令,或者更改目錄結構,增加子文件夾。如果想在項目中使用SASS工作,我們需要首先運行ionicsetupsass命令。
這是本項目的靜態目錄 就像node項目里的wwwroot 問價一個
可以在此文件中編寫你自己的CSS,改變Ionic的默認樣式
放image的
放js文件
加載controllers.js和services.js兩個文件。controllers.js可用于任何類型的JavaScript文件,可被添加到應用程序的不同部分。services.js包含了通用的數據,數據將運用在設計的應用程序當中
眾所周知 lib 是Ionic的庫文件 或者是別的文件
js里面 是angularjs 里面的 animate,resource,sanitize 等angular文件加載就會一起被加載
根據名字就能猜出來吧 UI router 意思就是 UI 路由
用于放置AngularJS模板文件,設計的應用程序會采用其中的模板,通過應用程序的頁面展現出來。我們也可以在這個文件夾內創建子文件夾,添加自己的模板。
index.html 就是住文件嘛 index.css 是文件的css 我沒有放到css文件里
manifest.json 里面的鍵值對 幾時要緩存的東西
Manifest.json文件是5+移動App的配置文件,用于指定應用的顯示名稱、圖標、應用入口文件地址及需要使用的設備權限等信息,其下包括iOS和Android子節點,內容來源分別為iOS和Android原生打包所要求的參數,用于對5+移動App打包為ipa或apk安裝包進行配置。就想 package.json 文件一樣的機制就是緩存
這是我所知道的,如果有什么不對的地方,還請大神指點一二。
文章列表
留言列表