ionic是什么:
ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的服务和新的特性。
1、安装nodes
下载地址:https://nodejs.org/en/ , 选择 8.11.1 LTS的版本,较稳定
安装完之后,命令行中执行 : node -v 看看版本号,有则表示安装成功。
注意:切换淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org
之后所有用到的 npm 命令都可以使用 cnpm 来代替进行 install。但是 cnpm 不支持 publish 命令,需要注意。
2、安装ionic2
输入以下命令安装 Ionic (如果刚才设置了淘宝镜像源,可以使用 cnpm 代替 npm):
npm install -g ionic
安装之后看一命令行执行: ionic -v 查看版本号
3、安装Cordova
npm install -g cordova
安装之后看一命令行执行: cordova -v 查看版本号
4、安装JDK
为了编译到 Android平台,还需要安装JDK
注意请安装最新版本的 JDK,下载地址:
http://www.oracle.com/technetwork/java/javase/downloads/index.html
安装完后,配置环境变量(百度查看如何配置)
Java环境变量的配置:参看:http://zhidao.baidu.com/question/1366931535221381339.html
5、安装Android SDK
这个安装包可以在网上下载,下载安装完成之后,
配置一下环境变量即可。
6、创建项目
以上配置完之后,打开命令行窗口,执行ionic start myFirstApp 试试,这个是创建ionic app 的项目,然后 cd ./myFirstApp 执行 ionic serve ,浏览器会打开当前的app页面。
7、开发工具
下载vscode 开发工具,打开上面创建的项目
Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/
以下内容参考官方教程得出。