IntelliJ IDEA 出品的WebStorm是javascript,html5等前端开发的最好的工具之一,本文介绍下如何在Mac环境下WebStorm配置PhoneGap/Cordova,以及配置Android,iOS模拟器生成预览,并为程序签名。
首先请确保您的Mac上装有最新版本的JDK,请到:http://www.oracle.com/technetwork/java/javase/downloads/index.html 下载;
然后下载Node.js,(https://nodejs.org/en/)因为我们要用到里面的NPM来下载PhoneGap、Cordova和ionic等开发框架.安装Node.js后,打开终端,在root用户下依次输入以下命令:
npm install -- global phonegap
npm install -- global cordova
npm install -- global ionic (可选)
由于在Mac平台上开发,Mac里面的XCode已经有模拟器了,所以只需下载ios-sim这个插件就能从WebStorm顺利调出iOs的模拟器。请到:https://github.com/phonegap/ios-sim 下载并安装iOS-sim (在终端输入: sudo npm install ios-sim -g);
Android模拟器的配置要稍微复杂一些。需要安装Android SDK,(请到:http://www.android-studio.org/ 下载),可根据需要下载独立的Android SDK, 如果想方便管理SDK,那么推荐下载 Android Studio (推荐). 打开终端,输入:android sdk 或在Android Studio菜单栏里找到SDK manager 点击,打开。下载