Ionic环境搭建及启动项目

   ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术&＃xff0c;比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
   ionic 主要关注外观和体验&＃xff0c;以及和你的应用程序的 UI 交互&＃xff0c;特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

   ionic是一个轻量的手机UI库&＃xff0c;具有速度快&＃xff0c;界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题&＃xff0c;它直接放弃了IOS6和Android4.1以下的版本支持&＃xff0c;来获取更好的使用体验。

1.ionic 基于Angular语法&＃xff0c;简单易学。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架&＃xff0c;支持 Angularjs 的特性&＃xff0c; MVC &＃xff0c;代码易维护。
4.ionic 提供了漂亮的设计&＃xff0c;通过 SASS 构建应用程序&＃xff0c;它提供了很多 UI 组件来帮助开发者开发强大的应用。
5.ionic 专注原生&＃xff0c;让你看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。

7.ionic 性能优越&＃xff0c;运行速度快。

Ionic最新版本下载地址&＃xff1a;点击打开链接

首先需要安装 Node.js

Node.js下载地址&＃xff1a;点击打开链接

$ sudo npm install -g cordova ionic&＃xff08;提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。&＃xff09;

查看版本信息&＃xff1a;

$ionic info(或者ionic -v)


创建应用:
使用ionic官方提供的现成的应用程序模板&＃xff0c;或一个空白的项目创建一个ionic应用&＃xff1a;

$ ionic start myApp tabs &＃xff08;myApp是项目名称&＃xff09;

创建完成后有如下文件夹

运行我们刚才创建的ionic项目:

$ ionic serve

   一般会在用Webstorm进行开发&＃xff0c;但是推荐使用VSCode。