[Vol.2] ionic開発環境のセットアップ | Setting up Dev Env of Ionic

前回は、

GitHub上にリポジトリを作りました。
ローカル環境にリポジトリを作りました。
ローカル環境にNode.jsを入れました。

The last time,
I made repository on Github,
and did on local,
and installed Node.js to my local.

今回は、
・ionicのインストール
・ionicプロジェクトの実行
を行います。

This time, I do…
・installing ionic framework,
・execution ionic project.



ionicのインストール|installing ionic

npmを使ってインストールします。
I install ionic using npm.

「Success」となったので、NewProjectという名前のプロジェクトを作ってみます。
Succeeded, next I try to make a project named NewProject.

どうやら、–v2というオプションをつけるやり方は終わっているようです。
試しにオプションなしで実行してみました。

Apparently, –v2 option has been over.
I tried again without option.

どんなプロジェクトをつくるか聞かれました。普通に十字キーで操作、エンターを押します。
I was asked what kind of project I would make. I could select with the cross key normally, and enter key.

プロセスが進みました。
Proceeded.

ionic proは入れますか?|Do you install ionic pro?

どうやら、ionic proというサービスがあるらしい。ので、調べてみました。
Apparently, there is service “ionic pro”. So I searched.
https://ionicframework.com/docs/pro/

ビルド、デプロイやモニタリングなどをしやすくしてくれる、mBaaSのようなものだと解釈しました。proだから有料かと思ったら、freeプランも用意されているようです。
It makes build, deploy, monitoring and so on easier. It seems mBaaS. I supposed it need fee, but it has free plan.

アカウントをつくる必要があります。本日はスキップしておいて、次やってみます。その方が違いがわかる気がするので。
We need make an account to use ionic pro. This time I skip this because difference may be clear.

できたもの確認|Confirming project

プロジェクトができていることを確認しました。
I confirmed that the project had been made.

NewProjectというionicプロジェクトができました!
It’s done!

中身もちゃんとありますね。
The contents also are made propery.

実行!|Execution!

ionicプロジェクトを実行してみます。
I try to execute ionic project.

すると、自動的にブラウザが起動しました。
Then, automatically, browser was started.

まとめ


ここまでで、ionicの開発環境はできあがりました。
So far, ionic development environment has been created.

今回は、
・ionicのインストール
・ionicプロジェクトの実行
を行いました。


This time, I did…
・installing ionic framework,
・execution ionic project.

コマンドのコピペで淡々と進みます。
I could smoothly success by copy and paste.

次から、いよいよソースをいじっていこうと思います。
From next time, finally, I do coding source codes.

関連記事

  1. git pushのPermission deniedが過去アカウ…
  2. Make sure to include cordova.js
  3. ionic3のindex.htmlを解体してみた|Analyzi…
  4. [Vol.1] ionic開発環境のセットアップ | Setti…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP