Ionic + Angular + Cordova
拿到了一个项目，是用Ionic + Angular + Cordova，有点头大，不怎么了解大前端，因此为此作一下总结和思考。css
先说下环境吧：html
安装： 前端
这里我采用官网的安装方法，不过在这以前须要安装node.js，安装完毕以后，能够看下使用的版本：node -v 来查看，以后安装ionic ，这里ionic 是官网，按照里面的方法便可安装成功。node
首先移除现有的Ruby镜像android
gem sources --remove https://rubygems.org/ios
而后添加国内最新镜像源git
https://gems.ruby-china.org/typescript
（淘宝的Ruby镜像https://registry.npm.taobao.org已经不更新了，固然你也可使用）express
npm install -g cnpm --registry=https://registry.npm.taobao.org npm
经过淘宝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
学习资料的三个网址：