文章出處

  

  做前端的都應該知道一個框架  Ionic  這個是移動端webAPP最好用的吧(個人認為),那今天就來說說這個項目的結構以及文件的含義,希望對大家有所幫助

  

  想看如何生成文件的話詳細看我上篇博客

  

  

在用編輯器 HBuilder 打開生成的項目以后,我們可以看到一系列自動生成的文件夾和文件。
  

  

   

   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  文件一樣的機制就是緩存 

  

 

  這是我所知道的,如果有什么不對的地方,還請大神指點一二。

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

  

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()