Ionic的項目結構-工程目錄

  

  作前端的都應該知道一個框架  Ionic  這個是移動端webAPP最好用的吧(我的認爲),那今天就來講說這個項目的結構以及文件的含義,但願對你們有所幫助css

  

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

  

  

在用編輯器 HBuilder 打開生成的項目之後,咱們能夠看到一系列自動生成的文件夾和文件。
  

  

   

   hooks 文件夾是伴隨 Cordova 的安裝 自動生成的文件夾 , 該文件夾有腳本 能夠定製 Cordova 命令 。 通常狀況下 , 不對該文件夾中的文件進行更改 。
  前端

   包含了全部使用 npm 安裝的依賴包。 node

  用於放置 Ionic 擴展 文 件 的 文件 夾(存儲全部 Cordova 插件的位置) , 比 如 升 級 或 者擴 展 Ionic 。 爲了 安 裝 這 些 擴 展 文 件 , 你 需 要 確 保 安 裝 了 Git 。 一般 咱們 不對該 文件夾 進行改 動 。 scss 和www 這兩個文件夾 , 是項 目中常常會用到的文件夾 。畢竟懂node的讀客會知道www的  git

  

   

  platforms 包含了 iOS 平臺和 Android 平臺的項目文件,通常不須要去修改,除非你須要修改一些原生的配置,如須要配置不一樣平臺的推送通知的時候,才須要對其中的相關文件進行修改。angularjs

  

 

  Ionic偶爾會使用Bower安裝一些組件,因此產生了bowerrc文件,一般不對該文件進行修改   web

   

   使用Git和GitHub追蹤項目時,.gitignore能夠用來指定忽略文件。若是不想特定的文件夾和文件被上傳到Git倉庫(repository),咱們可使用.gitignore防止文件轉移。npm

  在Git中,咱們將須要進行版本控制的文件目錄叫作一個倉庫,每一個倉庫能夠簡單理解成一個目錄,這個目錄中的全部文件都經過Git來實現版本管理,Git都能跟蹤並記錄在該目錄中發生的全部更新。   json

 

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

  

 

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

相關文章
相關標籤/搜索