1. 程式人生 > >ionic 專案目錄及開發工具介紹

ionic 專案目錄及開發工具介紹

    一、開發工具

webstorm,很強大的一款web前端開發工具,可以整合svn、git等版本管理工具,程式碼聯想功能強大,具備智慧補全,總之很好用。

  破解方法非常簡單,自行百度之。

二、ionic專案目錄介紹


1、hooks:資料夾是伴隨Cordova的安裝自動生成的資料夾,該資料夾有指令碼可以定製Cordova命令。一般情況下,不對該資料夾中的檔案進行更改。


      2、plugins:用於放置cordova外掛原始碼的資料夾,新增外掛後自動生成相應資料夾

3、如果在Ionic專案,想要使用CSS的預處理語言SASS來修改應用程式的樣式,那麼你可以在scss資料夾下的相應檔案覆蓋Ionic的預設值。如果你熟悉SASS語言,你可以在相應scss檔案新增SASS命令,或者更改目錄結構,增加子資料夾。如果你想在專案中使用SASS去工作,你需要首先執行Ionic SASS 命令。 

4、www(主要工作目錄)

1)css、img、js一目  瞭然,是對應放置各種資原始檔的資料夾

2)lib:用於放置第三方庫檔案,如jQuery、mobiscroll等

5、templates:放置AngularJS模板檔案的地方,設計的應用程式會採用裡面的模板,在你的應用程式的頁面展現出來。你也可以在這個資料夾內建立子資料夾,新增你自己的模板。

6、index.html:index.html檔案是應用程式的核心檔案,檔案將被Ionic載入瀏覽器。

7、bowerrc:Bower包管理器的配置檔案,使用Bower可以很方便的安裝第三方庫檔案

8、.gitignore:當使用Git和GitHub追蹤專案,.gitignore可以用來指定忽略檔案。如果你不想特定的資料夾和檔案被上傳到Git倉庫(repository),你可以使用gitignore防止檔案轉移。

9、config.xml:ionic專案的核心配置檔案,可以配置專案的包名,未來打包成app時的名稱,作者,以及一些全域性屬性

10、gulpfile.js:類似於grunt,都是基於Node.js的前端構建工具。不過gulp壓縮效率更高。

11、ionic.project:ionic的工程檔案

12、package.json:package.json檔案在許多Nodejs專案裡都會出現, 它定義了這個專案所需要的各種模組,以及專案的配置資訊,比如名稱、版本、許可證等元資料 。 Node和Gulp工具可以依據檔案中的專案需求和配置資訊,去履行責任。一般不修改該檔案。