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采用的