Ionic 6 Full Starter App
IonicThemesBuy NOWLive Preview
  • What is Ionic 6 Full Starter App?
  • About this Ionic template
  • Template versions
  • Set up the development environment
  • Running the Ionic app
  • How to use this template?
  • Ionic Capacitor
  • Ionic Code Structure
  • Ionic Data Integration
  • Theming
  • Ionic Progressive Web App
  • Ionic Navigation
  • Ionic Server Side Rendering (SSR)
  • Ionic Splash Screens and Icons
  • App Shell
    • Image Shell
    • Text Shell
    • Aspect Ratio
  • Ionic Custom Components
    • Checkbox Wrapper
    • Countdown timer
    • Ionic Show/Hide Password
  • Ionic Walkthrough (or tutorial)
  • Categories
  • Ionic Firebase Integration
    • Firebase Authentication
    • Firebase CRUD
    • Firebase Hosting
    • Push Notifications
  • Google Maps & Geolocation
  • Ionic Video Playlist
  • Ionic Multi Language
  • Getting Started
  • Ionic Authentication
  • Ionic Side Menu
  • Ionic Profile
  • Contact Card
  • Social Sharing
  • Ionic Notifications
  • Forms and Validations
  • Filters
  • FAQs
  • Common Errors and Solutions
  • Glossary
  • Upcoming features
  • 🧐Changelog
  • Reviews / Testimonials ⭐️⭐️⭐️⭐️⭐️
Powered by GitBook
On this page
  • Installing Ionic
  • Install the Ionic CLI
  • Node & npm
  • Git
  • Install the app dependencies
  • Text editor
  • Run the App

Was this helpful?

Set up the development environment

Learn how to set up your local environment to develop Ionic apps like a professional and also learn how to install Ionic Full Starter App.

PreviousTemplate versionsNextRunning the Ionic app

Last updated 3 years ago

Was this helpful?

Installing Ionic

Ionic apps are created and developed primarily through the Ionic 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.

Install the Ionic CLI

Before proceeding, make sure the latest version of and are installed. See for details. Install the Ionic CLI globally with npm:

$ npm install -g ionic

Node & npm

Almost all tooling for modern JavaScript projects is based in . The has prebuilt installation packages for all platforms. We recommend selecting the LTS version to ensure best compatibility.

Node is bundled with , the package manager for JavaScript.

To verify the installation, open a new terminal window and run:

$ node --version
$ npm --version

Git

Although it's not required, the version control system is highly recommended. First, install the command-line utility from the . For a GUI client, we recommend .

To verify the installation, open a new terminal window and run:

$ git --version

Install the app dependencies

After you have Ionic installed, you have to install all the dependencies required by the app. To do this just run the following command using a terminal inside your ionic app folder path.

$ cd myApp
$ npm install

Text editor

Run the App

Now we have everything installed, we can test our Ionic App.

The coding of the app will happen inside of a code editor. Personally we use , however, many people like . You are free to choose any code editor you like.

Go to section to see how to do it.

command-line
Node.js
npm
Environment Setup
Node.js
download page
npm
Git
download page
Github Desktop
Atom
VS Code
Running the App