ionic - HTML5 应用程序开发框架-从无到有-系列一:安装启动
ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
废话少说,进入正题。
一:准备工作:提前安装
Node & npm
Git
二:安装Ionic CLI
打开cmd命令行,执行:
npm install -g ionic
三:下载应用程序
ionic start my-ionic tabs
图片太长,就截了一小段。中间会问你是否安装,直接选No,就可以。其中my-ionic是我自己命名的项目名称,可随意
四:进入my-ionic目录
cd my-ionic
五:配置本机ios项目
ionic cordova prepare ios
中间会问是否安装,选Yes
六:配置本机android项目
ionic cordova prepare android
中间会问是否安装,选Yes
七:启动
有两种方式启动
1复杂启动,会把浏览器,android,ios同时启动
ionic serve -l --type ionic1
启动界面分别如下:左边是android,右边是ios.地址:http://localhost:8200/
也可以直接访问浏览器界面。http://localhost:8100
2.简单启动。只启动浏览器
ionic serve