Installing Ionic
Ionic apps are created and developed primarily through the Ionic command-line utility. The Ionic CLI is the preferred method of installation, as it offers a wide range of dev tools and help options along the way. It is also the main tool through which to run the app and connect it to other services, such as Appflow.
App Wizard を使用して、Ionic プロジェクトをビジュアルに生成します。テンプレート、カスタムカラー、アプリアイコン、JavaScriptフレームワークを選択し JavaScript Framework を選択し、ビルドを迅速に開始します。
Install the Ionic CLI
Before proceeding, make sure your computer has Node.js installed. See these instructions to set up an environment for Ionic.
Install the Ionic CLI with npm:
npm install -g @ionic/cli
If there was a previous installation of the Ionic CLI, it will need to be uninstalled due to a change in package name.
$ npm uninstall -g ionic
$ npm install -g @ionic/cli
The -g
option means install globally. When packages are installed globally, EACCES
permission errors can occur.
Consider setting up npm to operate globally without elevated permissions. See Resolving Permission Errors for more information.
Start an App
Create an Ionic app using one of the pre-made app templates, or a blank one to start fresh. The three most common starters are the blank
starter, tabs
starter, and sidemenu
starter. Get started with the ionic start
command:
ionic start myApp tabs
To learn more about starting Ionic apps, see the Starting Guide.
Run the App
The majority of Ionic app development can be spent right in the browser using the ionic serve
command:
$ cd myApp
$ ionic serve
There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the Running an App Guide.