• 這是一張ionic 知識(shí)流程圖

  
  
  ionic.png

• 資源介紹

  1. ionic 1.x
  2. angular 1.x ( angular 1.x 也叫angularJS)
     建議直接學(xué)ionic 2.x以上 Ionic2優(yōu)于Ionic1.x的區(qū)別?
  3. ionic官方文檔
  4. angular官方文檔
  5. typescript官方文檔
  6. JavaScript學(xué)習(xí)網(wǎng)站 w3school
  7. html學(xué)習(xí)網(wǎng)站
  8. scss ionic自定義了scss 兼容 css、sass
     scss 與sass區(qū)別
  9. flex 俗稱彈性布局
  10. rxjs 用于 JavaScript 的 ReactiveX 庫

• 工具
  由于本人使用的是mac ，固以下的介紹是基于mac os

  1. 開發(fā)工具
     webstorm 、visual studio code、sublimeText
     webstorm : 集成開發(fā)環(huán)境，重量級(jí)的，功能很強(qiáng)大。
     visual studio code 、sublimeText : 文本編輯工具,裝上angular 插件 也可以提示代碼塊，比較輕量級(jí)，功能上沒有webstorm強(qiáng)大。
  2. 接口調(diào)試工具
     dohttp
     postman Chrome瀏覽器也有插件,推薦使 用,功能很強(qiáng)大，可以模擬請(qǐng)求以及發(fā)布api
  3. 文檔工具
     dash 支持各種編程語言文檔 推薦使用
     [lonic lab] (官方編譯工具，可以了解一下)

后續(xù)將更新 以及學(xué)習(xí)

1. ios 集成 ionic
2. ionic 調(diào)用ios
3. ionic 命令行 運(yùn)行 打包
4. webstorm Chrome 斷掉調(diào)試
5. jenkins 持續(xù)集成打包
6. 真機(jī)運(yùn)行 斷點(diǎn)調(diào)試
7. gitLab 使用
8. aglio 接口文檔工具

本人是剛轉(zhuǎn) ionic 開發(fā)，之前也沒有前端的開發(fā)經(jīng)驗(yàn)，這是自己學(xué)習(xí)了一段時(shí)間總結(jié)下來，如有不對(duì)的地方，請(qǐng)留言指正，謝謝。