14
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Cordovaの開発環境を作成する手順

Posted at

インストール手順

Windows環境でCordovaの開発環境を準備するところまでの行なったのでメモ。
※コマンドのcordovaをphonegapにすればphonegap環境が作成できます。

node.jsインストール

nodejsをインストール

インストーラ実行後に以下のコマンドを実行

npm -v
node -v

それぞれバージョンが返ってくればOK。
返ってこなければ一度PCの再起動を。

Cordovaインストール

Phonegap参考
コマンドプロンプトより以下のコマンドを実行

npm install -g cordova

インストール後に以下で確認。

cordova -v

成功していればバージョンが返ってくる。
成功してるっぽいけど返ってこなければ一度PCの再起動を。

インストールでコケる場合はproxyに阻まれている可能性あり。

HelloWorld作成

コマンドプロンプトで任意の場所に移動して以下を実行

cordova create アプリ名

プラットフォームの追加

利用プラットフォームを追加する。
一旦開発ではブラウザから確認できるようにしておきたいので以下実行。

cd アプリのフォルダ
cordova platforms add browser

追加できたら以下で確認

cordova platforms

インストール済みプラットフォームに追加されていればOK

立ち上げ

仮想で立ち上げてブラウザで確認しましょう。

アプリディレクトリにて
cordova serve

起動したらブラウザでアクセス。
localhost:8000
※ポートはコマンドプロンプトに書いてあると思うのでそちらに。
※終了する場合はctrl + c

14
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?