Ionic + Angular + Cordova

　　拿到了一個項目，是用Ionic + Angular + Cordova，有點頭大，不怎麼了解大前端，因此爲此作一下總結和思考。

　　先說下環境吧：

　　安裝：　　

　　這裏我採用官網的安裝方法，不過在這以前須要安裝node.js，安裝完畢以後，能夠看下使用的版本：node -v 來查看，以後安裝ionic ，這裏ionic 是官網，按照裏面的方法便可安裝成功。

　　首先移除現有的Ruby鏡像

　　　　gem sources --remove https://rubygems.org/

　　而後添加國內最新鏡像源

　　　　https://gems.ruby-china.org/

　　（淘寶的Ruby鏡像https://registry.npm.taobao.org已經不更新了，固然你也可使用）

　　　　npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org           

　　經過淘寶NPM鏡像就能夠安裝ionic和cordova包.

　　在安裝ionic 和cordova 以前，先安裝 express

　　　　1. npm  install express

　　　　2.sudo  npm install -g ionic

　　　　3.sudo  npm install -g cordova                 [默認最新版]

　　再經過ionic官網建立應用的時候要是想建立帶tab選項的首頁，那麼只要將ionic start helloWorld blank 更改成 ionic start myApp tabs   便可。安裝完畢以後可使用 ionic -v  命令來查看是否安裝成功和版本號。安裝成功以後看下項目文件夾的排序和意義。

　　　　hooks：編譯 cordova 時自定義的腳本命令，方便整合到咱們的編譯系統和版本控制系統中

　　　　node_modules ：node 各種依賴包

　　　　resources ：android/ios 資源（更換圖標和啓動動畫）

　　　　src：主要開發工做目錄，頁面、樣式、腳本和圖片都放在這個目錄下

　　　　www：靜態文件

　　　　platforms：生成 android 或者 ios 安裝包路徑（ platforms\android\build\outputs\apk：apk 所在位置）執行 cordova platform add android 後會生成

　　　　plugins：插件文件夾，裏面放置各類 cordova 安裝的插件

　　　　config.xml: 打包成 app 的配置文件，app基礎信息可在這裏修改

　　　　package.json: 配置項目的元數據和管理項目所須要的依賴

　　　　tsconfig.json: TypeScript 項目的根目錄，指定用來編譯這個項目的根文件和編譯選項

　　　　tslint.json：格式化和校驗typescript

 　　以後介紹一下SRC的工做目錄：

　　　　

　　本覺得事情到此就解決了一大部分，並不是如此，切換到項目的路徑中，ionic serve發現爆了一大堆的ero，這。。無奈再次百度，如下是解決方案（好狗血～～），按camera來講明：

　　　　報錯信息：cannot find module ionic-native

　　　　第一步

　　　　　　ionic cordova plugin add cordova-plugin-camera

　　　　　　npm install --save @ionic-native/camera

　　　　第二步

　　　　　　在app.module.ts裏引用，並添加在providers裏

　　　　　　

　　　　　　第三步

　　　　　　　　在所須要使用的頁面中引入import { Camera } from '@ionic-native/Camera

　　　　　　第四步

　　　　　　　　在constructor中聲明：private camera：Camera

 　　學習資料的三個網址：

1. ionic-API
2. ionic-DOC
3. typeScript