Ionic入门开发

Ionic

ionic是一个用来解决开发跨平台应用的方案。他是建立在Cordova的基础之上的，内部实现跨平台是由Cordova来实现的。相对于Cordova而言，他多了一些东西，例如的他的样式，例如AngularJS。

当初的学习是从菜鸟教程上学来的，当初学艺不精，粗心大意，望写下这篇文章告诫后人，哪里有坑。

坑1
首先一开始就大意了，我自以为学过HTML，CSS，JavaScript就以为能凭借这三个技术学出网页以此来展示出页面，然鹅

Angular。。。。

自己回去学吧

Ionic安装

ionic的安装方式一般是直接采用npm来进行安装的

Window 和 Linux 上打开命令行工具执行以下命令：
npm install -g cordova ionic

Mac 系统上使用以下命令：
sudo npm install -g cordova ionic

如果已经安装了的，建议进行更新

npm update -g cordova ionic
或
sudo npm update -g cordova ionic

这里的坑也是在于nodejs 的版本问题了，之前的Cordova文章有提到过，如果安装失败，请参考上一个文章。

其实在这里也可以看到ionic是依赖于cordova的了，明明安装ionic而已，不可能说无缘无故需要我多安装个cordova

创建应用

安装好之后我们就可以直接使用这个ionic命令来创建我们的项目了

ionic start myApp tabs

坑坑坑，巨坑在此。我当初学习是在菜鸟课程上学习的，菜鸟上的ionic版本是v1.3.2。我创建新应用的时间大概是在2017年7月，这个时候的ionic在npm上的版本已经去到了v3.12.0。使用上面这句命令创建的ionic项目的版本是ionic3的项目（默认），而我看的教程是ionic1的教程。

就这样，我花了一个星期看完了ionic1的教程望着ionic3的项目开始发呆了。

ionic1采用的是angularjs1.0的语法，ionic2采用的