inoic 用Webstorm加虚拟机方法

ionic 把angular封装成控件,类似于原生开发,分页面和数据.
第一步.配置Webstorm
在Webstorm可以增加iOS(mac) 安卓虚拟机.

首先请确保您的Mac上装有最新版本的JDK,请到：

然后下载Node.js,
因为我们要用到里面的NPM来下载PhoneGap、Cordova和ionic等开发框架.安装Node.js后，打开终端，
在root用户下依次输入以下命令：
sudo npm install -- global phonegap
sudo npm install -- global cordova
sudo 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 点击，打开。下载一个SDK,比如：Android 5.1.1(在这个栏目下找到SDK Platform,打勾，并下载安装，记住SDK的api号是22，一会项目会用到)。安装完Android sdk, 如果要在WebStorm调出模拟器，还需要一个步骤，把idk路径添加到.bash_profile：
在Mac里找到： ~/.bash_profile 文件，如果没有，则按以下步骤创建：

在终端输入 cd ~/ 进入当前用户home目录
创建.bash_profile : touch .bash_profile
打开编辑：open -e .bash_profile
输入以下内容：
# Android SDK pathexport PATH=${PATH}:/Users/你的用户/library/Android/sdk/platform-tools:/Users/你的用户/library/Android/sdk/tools
保存并关闭
更新 .bash_profile : source .bash_profile

安装后，打开 WebStorm | Preferences，发现需要的环境都已搭建好了。

好了，新建一个PhoneGap/Cordova的项目试试吧：

有问题请回复.