This repository is clone of https://github.com/JetBrains/intellij-plugins/tree/master/phoneGap

このレポジトリは https://github.com/JetBrains/intellij-plugins/tree/master/phoneGap のクローンになりました．引き続きこのレポジトリでもバグ報告，新機能リクエスト等は受けつけます． 上記レポジトリのほうがバグ対応等は早いかもしれません． よろしくお願いします．

###About PhoneGap/Cordova plugin for IntelliJ

IntelliJ Platform Plugin for PhoneGap/Cordova Application

• PhoneGap/Cordova Project wizard (not stable)
• PhoneGap/Cordova Project importer
• Code completion
• Run PhoneGap/Cordova Application from IntelliJ toolbar
• Ripple Emulator support

###About PhoneGap/Cordova

See

http://phonegap.com/

###How to use ####(0)Install PhoneGapIntelliJPlugin Preference -> Plugins -> Search "PhoneGap Plugin"

Restart IntelliJ

####(1)Install NodeJS and PhoneGap Please install from Node.js Official site

nvm is not supported (So sorry fix soon)

$npm install -g phonegap

PhoneGap dir must be

'/usr/local/bin/phonegap'

####(2)Install Android SDK If you want to develop Android app. You must install Android SDK and set PATH.

####(3)Create PhoneGap Project $phonegap create hellophonegap

if you use cordova

$cordova platform add android $cordova platform add ios

####(4)Import PhoneGap Project File -> Import Project -> PhoneGap Project root dir -> Import form external model -> PhoneGap -> Finish

####(5)Run PhoneGap app Run -> Edit Configuration -> Create new Config -> run

#####(6)Debug PhoneGap app

###PhoneGapIntelliJPluginについて

PhoneGap/Cordovaアプリ開発をIntelliJ IDEAで行えるようにするプラグインです．

PhoneGapIntelliJPluginの機能は以下の通りです．

• PhoneGapプロジェクトウィザード（開発中）
• PhoneGapプロジェクトのインポート
• IntelliJからPhoneGapプロジェクトの実行

###PhoneGap/Cordovaについて

http://phonegap.com/

http://phonegap-fan.com/

###使い方 #####(0)PhoneGapIntelliJPluginをインストール Preference -> PluginsからPhoneGapと検索してください．IntelliJの再起動が必要です．

#####(1)PhoneGapをインストール Node.jsを使ってインストールする必要があります．nvmでの動作は保証しません． 公式サイトからのインストールをお勧めします．

$npm install -g phonegap

PhoneGapのインストールディレクトリは

'/usr/local/bin/phonegap'

である必要があります．ご不便をおかけして申し訳ありません．近くnvmにも対応したいと思っています．

#####(2)Android SDKをインストール AndroidSDKをインストールし，PATHを通しておいてください．

#####(3)PhoneGapプロジェクトを作成 phonegap create my-app

#####(4)PhoneGapアプリをIntelliJにインポート

プロジェクトのインポート File -> Import Project -> PhoneGapプロジェクトのルートディレクトリを指定 -> Import form external model -> PhoneGap -> Finish

#####(5)PhoneGapアプリを実行 Run -> Edit Configuration にPhoneGapが追加されているはずです．新規Configurationを作成し，実行してください．

Android : Androidをターゲットにビルドします．

#####(6)デバッグ

#####(6)-1 Rippleエミュレータによるデバッグ

Configuration作成時にRippleを選択した場合，Rippleエミュレータを利用出来ます． Rippleエミュレータに関しては Apache Ripple公式サイト を参照してください．

######(6)-1-1 Rippleエミュレータのインストール

RippleエミュレータはChromeAppです．Chrome Web Storeからインストールしてください．

######(6)-1-2 Rippleエミュレータ上での実行

http://localhost:1337 にアクセスし，Rippleエミュレータを有効にしてください．

実行時に生成されるserver.jsはNodeJS上で実行されるhttpサーバです． 本スクリプトが実行され，Rippleエミュレータにwwwフォルダ以下のファイルが配信されます． 本スクリプトは自由に編集可能です．独自のカスタマイズを推奨します．

スクリプトに関しては

https://github.com/masahirosuzuka/simpleserver

を参照してください．

####(6)-2 weinreによるリモートデバッグ

Configuration作成時にweinreを選択した場合，weinreによるリモートデバッグを利用出来ます． weinreに関しては

を参照してください．

#####(6)-2-1 weinreのインストール

$npm install -g weinre

#####(6)-2-2

Configuration作成時にweinreを選択した場合，weinreスクリプトの埋め込みは自動で行われます． ブラウザで

http://localhost:8080

にアクセスしてください．

###ToDo

• Release build
• Replace server.js to Gruntfile.js
• WindowsPhone support
• New ConfigurationEditor
• weinre support
• Windows Phone support
• nvm support
• PhoneGap Build support
• Management PhoneGapPlugin (auto download and auto conf config.xml)