ionic初学者填坑.PDFVIP

ionic 初学者填坑 作者：tsrot 邮箱：me@ 目录 ionic 初学者填坑1 前言2 1、学习网站3 2、参考资料3 一、准备阶段：工具准备和环境搭建3 1、安装node 环境和npm 包管理工具（如果你以前安装过跳过此步骤）3 2、安装jdk 并且配置环境变量（如果已经安装了jdk 则跳过这步）3 3、安装Android SDK （重要部分）4 二、项目开发阶段 14 1、css 文档（不介绍了，自己看，官方文档很好，易学） 14 2、JavaScript API （不介绍了，自己看，官方文档很好，易学） 15 3、ionic 完整开发流程 15 三、开发过程中遇到的主要问题 15 1、ionic platform add android 报错或者时间过长 15 2、ionic build android 报错 15 3、ionic emulate android 报错 16 前言 本以为按照官网的getting started 就能很快的生成一个WEB APP ，看来我是想多了，里 面的坑只有经历过的人才知道，这真是坑死人不偿命啊！本着极客精神，经过一天时间，终 于把getting started 跑通了，接下来就简单多了。（注：1、先安装翻墙软件吧，否则过程好 久（推荐xx -net，github 上自己搜）。2、没有极客精神的人慎入） 下面我简单介绍一下我的入坑经历： 1、这步还算顺利（前提是你安装了nodeJS，过程可能有点慢，看网络环境和人品了。如果 长时间停留在某个地方，Ctrl+C 暂停它，再运行一次） $ npm install -g cordova ionic 2、这步也还算顺利，就是有点慢。 $ ionic start myApp tabs 如果你仅仅作为一个前端开发者，走到这步就可以在 browser 运行起来了，但作为一个极 客，怎能止于这步。 $ cd myApp $ ionic serve 3、接下来就进入大坑了 $ cd myApp $ ionic platform add android //这里是个大坑，先安装Android SDK $ ionic build android $ ionic emulate android 4 、接下来就是漫长且苦逼的填坑经历了。 1、学习网站 Ionic 官网 ：/ Ionic 中文网：http://www.ionic.wang/ Ionic 菜鸟教程 ：/ionic/ionic-tutorial.html 2、参考资料 安装ionic,cordova 详细步骤 ： /article/d2b1d10299aea55c7f37d479.html window 下Ionic 环境安装 ： /infodetail-787439.html Android 实用工具之emulator 介绍 ： /article/34273.htm 一、准备阶段：工具准备和环境搭建 1、安装node 环境和 npm 包管理工具 （如果你以前安装过 跳过此步骤） nodeJS 环境的安装很简单，去官网下载必威体育精装版版的 NodeJS 直接安装即可。Node 官网： /。（新版本的nodeJS 自带必威体育精装版版本的npm）。安装过程一直点下一步下一 步就行。注意：nodeJS 的环境变量好诡异，最好不要去改变安装路径，否则你将要去配置 环境变量，并且可能好多npm 安装的命令将不能用。 2、安装jdk 并且配置环境变量 （如果已经安装了jdk 则跳过 这步） jdk 下载 /technetwork/java/javase/downloads/index.html 安装完