You are on page 1of 22

IONIC

FRAMEWORK
IONIC ENVIRONMENT SETUP

RUFFA MAY MONIS


WHAT IS PWA’s?
WHAT IS ANGULAR?

PROBLEM NEED TO SOLVE


• Data Management
• Routing/Navigation
SETTING UP THE ENVIRONMENT
• Download and Install NODE.JS:
https://nodejs.org/en/

• Install the Ionic Framework:


https://ionicframework.com/docs/

• Install the Text Editor


Recommended: Visual Studio Code
Accept the installation
and click finish when
done

Check the node version if


it is already installed

Check the node is


working correctly
SETTING UP THE ENVIRONMENT
• Download and Install NODE.JS:
https://nodejs.org/en/

• Install the Ionic Framework:


https://ionicframework.com/docs/

• Install the Text Editor


Recommended: Visual Studio Code
Go to Ionic Framework Docs -> CLI -> Copy the installation code
Open your Command Prompt and paste it here then enter.

Wait until download and installation is finished


SETTING UP THE ENVIRONMENT
• Download and Install NODE.JS:
https://nodejs.org/en/

• Install the Ionic Framework:


https://ionicframework.com/docs/

• Install the Text Editor


Recommended: Visual Studio Code
VS Code Extension
VS Code Extension
• Prettier • Angular Snippets
• TSLint • Ionic Snippets
• GitLens • Angular Switcher
• Peacock • Code Spell Checker
• Auto Rename Tag
• Angular Language
Service
VS Code Extension
• Prettier • Angular Snippets
• TSLint • Ionic Snippets
• GitLens • Angular Switcher
• Peacock • Code Spell Checker
• Auto Rename Tag
• Angular Language
Service

You might also like