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
###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について
###使い方 #####(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スクリプトの埋め込みは自動で行われます. ブラウザで
にアクセスしてください.
###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)