[ionic开源项目教程] - 第1讲 前言,技术储备,环境搭建,常用命令

前言

这是一个系列文章，将持续更新到项目完结，从环境搭建开始讲解，包括实战开发中遇到的各种问题的解决方案，都将毫无保留的分享给大家。

技术储备

开始本项目之前，请确保自己对以下技术点都有所了解。

• html,css,html5,css3,javascript,angularjs，
• 理解mvc或者mvvm分层的概念
• 了解CLI基础。

环境搭建 (有福利)

都知道开发环境搭建是一个麻烦事，作者在这里精心准备了一个已经配置好的开发包，内含jdk，sdk，ant，adb，和一个android23的模拟器。下载包解压后，只需要配置环境变量就可以着手开发了。当然在这之前请确认电脑已经安装好nodejs，nodejs下载地址：https://nodejs.org/en/。

到这里环境搭建已将讲完了！[:滑稽脸]

什么?这就没了??? (-?-;) 那不然咧？

注意：有同学在问我要开发环境包的下载地址，有5G左右，传完了就来更新下载地址。

准备工作

• 安装ionic包，这个过程可能会有点慢，还请大家耐心等待(npm是安装nodejs一起安装的)

npm install -g cordova ionic //这个命令可能因为网络环境会报错，试试fq或者更换镜像再重新安装。

安装成功后在cmd中输入 ionic 回车，如果看到以下内容就说明安装成功，

看到这个界面就可以直接看第二讲，新建项目。后面的命令在安装部署的时候才需要。

• 新建app，官方准备了三个模板 (blank,tabs,sidemenu)

ionic start myApp

• 添加平台(使用ionic platform list可查看当前环境支持哪些平台)

ionic platform add android

• 编译apk包

ionic build android

• 查看有没有连接的设备

adb devices

• 部署安装包到设备

ionic run android