Download as pdf or txt
Download as pdf or txt
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