Skip to content

Instantly share code, notes, and snippets.

@mikoloism

mikoloism/all-in-one-ionic.md

Created June 19, 2021 17:50
Show Gist options
  • Save mikoloism/8bee941e8dfd5dfffe26f02350f0d3de to your computer and use it in GitHub Desktop.
Save mikoloism/8bee941e8dfd5dfffe26f02350f0d3de to your computer and use it in GitHub Desktop.
Download ZIP
How start with Ionic framework v4
Raw
all-in-one-ionic.md

All In One ionic framework (version 4)

Steps (with cli)

  • install ionic npm install -g ionic
  • init project ionic start APP_NAME APP_TYPE --type=FRAMEWORK
    • APP_TYPES
      • blank "create blank project"
      • tabs "create with tabs navigation"
    • FRAMEWORK
      • angular
      • react *
      • vue
Raw
ionic-without-cli.html
<!DOCTYPE html>
<html>
<head>
<!-- [ IMPORT IONIC BUNDLES ] -->
<link rel="stylesheet" href="https://unpkg.com/@ionic/core@latest/css/ionic.bundle.css" />
<script src="https://unpkg.com/@ionic/core@latest/dist/ionic.js"></script>
</head>
<body>
<ion-app>
<ion-content>
<ion-list>
<ion-item>
Show Detail
<ion-toggle slot="end"></ion-toggle>
</ion-item>
</ion-list>
</ion-content>
</ion-app>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment