(二):ionic 項目結構

1. 問題描述

  爲何須要了解項目結構?不瞭解項目結構,你能夠放棄編程了css

  

2. 目錄介紹

  2.1 hooks:自動生成git

    在編譯cordova時自定義的腳本命令,方便整合到咱們的編譯系統和版本控制系統中,具體的做用能夠參考下面的博客:github

    地址:https://segmentfault.com/a/1190000004420853npm

    

  2.2  plugins:自動生成編程

    cordova插件的目錄json

    

    

    圖中的插件是 ionic start app 時 自動生成的,當咱們使用 cordova plugin add [pluginName] 或者 ionic plugin add [pluginName]時會將新添加的插件加到該目錄gulp

    另外一個很是值得職業的問題是:通常在安裝插件了之後,並無將插件名字加入到項目根目錄  app 下的 pakage.json 文件的 cordovaPlugins對象中,須要使用     ionic state save 保存。當你從github上git clone 以後 使用 git state restore 就會自動安裝這些東西。segmentfault

    

  2.3 scss文件、app

    

    在 ionic start 項目中默認 該scss文件會被gulp編譯到 www/css/ 中,咱們能夠在ionic.app.scss中定義本身的樣式ionic

    

  2.4 www 文件夾

    

    www 文件夾主要用來存放 css img js lib 頁面模板等

    manifest.json:暫時不知道用處

    service-worker.js:暫時不知道用處

  2.5 .bowerrc

    

    用來指定 bower install 時的安裝目錄,這裏指定安裝到 www/lib

  2.6 edtitorconfig

    

  2.7 .gitignore

    

  2.8 bower.json

    

  2.9 gulpfile.js

    gulp 的配置文件

  2.10 ionic config.json

    

    備註:在一個ionic 項目中,使用 ionic 命令的前是存在 ionic config.json 文件,老版本的名字叫作 ionic.project

  2.11 package.json

    npm包管理文件

  2.12 config.xml

    

  除了上述文件,在執行一些命令時會額外增長一些文件:

 2.3 執行:ionic platform add [name]

 

  

相關文章
相關標籤/搜索