Join egghead, unlock knowledge.

Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Edit Your Ionic Application Code

    Lukas RuebbelkeLukas Ruebbelke

    In this lesson, we quickly demonstrate how to edit our code and re-run our app. The pertinent piece of the puzzle is knowing where the code for the HTML/Javascript/CSS is. Once we know where that is, editing it and running the app is a cinch!



    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson




    In this lesson, we are going to learn how to update and edit an existing Ionic project on a Genymotion device using Visual Studio. Visual Studio is free, you can download it at

    We're going to start with our application running. We will open Visual Studio. From here, we will go File, Open, Website, and we'll navigate to our Ionic starter project. We will click Open. From here, we are going to navigate to the www directory, and we are going to open a template.

    Now, that the template is open, we are just going to duplicate this element here, for simplicity sake. We'll copy it, and we will paste it into the template. Now, we have two upcoming list items. We will go to the command line and we are going to type, "Ionic run android." It is going to recompile the project.

    Now that the app is on the device, we can navigate to it and you can see that the updated UI is reflected in the running version of the application. It's that simple. See you in the next lesson!