废话不多说,直接上干货:
一、ANT安装
- Apache Ant,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具,大多用于Java环境中的软件开发。
- 下载地址:http://ant.apache.org/bindownload.cgi
- 解压,并放在非中文的目录下。(我的目录:E:\Program Files\Java\apache-ant-1.9.4)
- 配置环境变量:
变量名:ANT_HOME 值:既ANT的放置目录(如:E:\Program Files\Java\apache-ant-1.9.4)
变量名:path 值:%ANT_HOME%\bin;(注意用前面的变量名要用英语的 ; 隔开,下文不再重复提醒)
5.dos命令窗口测试
1
2
|
ant
-
version
ant
-
h
|
二、Android SDK 安装
变量名:ANDROID_SDK_HOME 值:SDK目录(E:\Android\Sdk)
变量名:path 值:%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools;
4.DOS命令窗口测试
1
2
3
|
android
-
h
adb
version
android
list
avd
|
三、NODE.JS安装
- 下载地址:https://nodejs.org/
- 按PC平台下载相应的安装包,直接双击安装既可,环境变量都会自行配置,不用手动操作。
- DOS测试命令
1npm - v
四、GIT安装(代码版本库管理软件)
- 下载地址:http://git-scm.com/download/
- 下载相应PC平台的安装包,直接双击安装既可。
- DOS测试命令
1git -- version
五、Cordova + ionic 安装
- DOS命令安装,耐心等待,不成功的请多次尝试。
123npm install - g cordova ionic //安装npm update cordova / ionic - g //更新,此代码不用运行,如果当Cordova有更新版本时使用。
安装路径:
C:\Documents and Settings\RenSanNing\Application Data\npm\node_modules\cordova[ionic] - 创建Cordova项目:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960//在任意非中文目录下创建项目目录:如E:\cordova//按住SHIFT+鼠标右键,点“在此处打开命令窗口”cordova create myapp com . yourname . myapp MyApp//myapp为目录名;com.yourname,myapp为项目路径;MyApp为项目名//此时就会有 E:\cordova\myqppcd myapp //进入到项目目录//添加平台:cordova platform add ioscordova platform add android//移除平台:cordova platform rm android//编译平台:cordova build android[实为: ]cordova prepare androidcordova compile android//查看平台:cordova platfrom list//添加插件:(更多插件:http://plugins.cordova.io/)cordova plugin add org . apache . cordova . device //设备APIcordova plugin add org . apache . cordova . network - information //网络(事件)cordova plugin add org . apache . cordova . battery - status //电池(事件)cordova plugin add org . apache . cordova . device - motion //加速器cordova plugin add org . apache . cordova . device - orientation //罗盘cordova plugin add org . apache . cordova . geolocation //定位cordova plugin add org . apache . cordova . camera //摄像头cordova plugin add org . apache . cordova . media - capture //媒体文件处理cordova plugin add org . apache . cordova . media //媒体文件处理cordova plugin add org . apache . cordova . file //文件访问cordova plugin add org . apache . cordova . file - transfer //文件传输cordova plugin add org . apache . cordova . dialogs //对话框cordova plugin add org . apache . cordova . vibration //震动cordova plugin add org . apache . cordova . contacts //联系人cordova plugin add org . apache . cordova . globalization //全球化cordova plugin add org . apache . cordova . splashscreen //闪屏cordova plugin add org . apache . cordova . inappbrowser //打开新的浏览器窗口cordova plugin add org . apache . cordova . console //调试控制台//查看已安装:cordova plugin ls//删除插件:cordova plugin rm org . apache . cordova . console//更新Cordova:npm update - g cordova//更新平台项目:cordova platform update android//Cordova帮助:cordova help
- 创建 ionic 项目:
12345678910//创建空白模板ionic start myapp blank//创建tabs模板ionic start myapp tabs//创建sidemenu模板ionic start myapp sidemenu其他的一些操作只要将上面 Cordova 替换成 ionic 就能执行相同的操作。 - 浏览器调试:
123456789101112//进入项目根目录执行ionic serve//出现在如下提示,选择以什么地址显示1、IP;2、localhost;这里按个人意愿随意选择Multiple addresses available .Please select which address to use by entering its number from the list below :1 ) 192.168.0.1032 ) localhostStd in before promptAddress Selection :选择完后,就会自动用默认浏览器打开调试页面 - 附上cordova的API:http://cordova.apache.org/docs/en/3.0.0/index.html
- 插件:http://plugins.cordova.io