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工具可以依據檔案中的專案需求和配置資訊,去履行責任。一般不修改該檔案。