LoginSignup
0
0

More than 5 years have passed since last update.

1分でonsenui ver2の開発環境を構築する(2016年9月時点)

Last updated at Posted at 2016-09-18

前提条件

  • npmがインストール済み
  • mac OS(OSX)

構築後に使用可能になるもの

  • monacaコマンド
  • onsen ui(v2含む)各種開発環境

構築

ステップ1 monacaコマンドのインストール

monacaとは

ハイブリッドアプリの開発環境。日本製。有名。

セットアップ

ターミナルを開き、以下コマンドを入力してください。

$npm install -g monaca

以上!

サンプルコードの作成

生成

ターミナルを開き、サンプルコードを生成したディレクトリに移動し、
以下コマンドを実行してください。

$monaca create hogehoge

すると、どのようなフレームワークベースでサンプルコードを生成するか聞かれるので、
希望のフレームワークを方向キーで選択し、Enterを押してください。
フレームワークを使わないものも選択できます。

選択後、しばらくするとサンプルコードが生成されます。

実行

先程作成したサンプルコードのディレクトリに移動し、
以下のコマンドを実行してください。

$monaca preview

ブラウザが立ち上がり、サンプルコードが実行されます。

以上となります。
詳しく知りたい方は、公式サイト(英語)をご覧ください。
(https://onsen.io/getting-started/)

0
0
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
0
0