We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Dev Tip: use VS Code for instant updates to your project

Home Forums Programming Dev Tip: use VS Code for instant updates to your project

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #47543
    GLiFTeK
    Customer

    Hi,
    Here’s a quick tip I thought I’d share.
    If you use Microsoft’s open source coding software package “Visual Studio Code” (VS CODE), you can open your app’s directory in it, select your main html file and in the bottom right, choose “go live”.

    This will open up a browser tab with your app, running a separate virtual server from the Verge one.
    It will update whenever anything in the app directory changes.

    If working mainly with puzzles, I keep my puzzle editor in one window, (fullscreened on a separate monitor) and my VS Code virtual server window open on another.

    This way, whenever I hit ctrl-S or the save project icon… i immediately see the updated version reload in the VS code virtual server window .

    this helps in two good ways:

    1) you get a quick refreshed view of where things are at with your project,
    2) without having to refresh your puzzles page, you maintain your UNDOs, while still seeing your saved results. this can be a life saver.

    have fun!
    :good:

    #47548

    excellent! thanks for this advice! :good: :good: :good:

    Chief 3D Verger | LinkedIn | Twitter

    #47551
    FunJoy.Tech
    Customer

    :good: We also use another alternative code editor HBuilderX in this way, it has a built-in browser, which allows you to preview the changes without opening the browser.

    #48558
    AVerge3Der
    Participant

    I just tried this out and it works better than it did in the past. Thanks for sharing. :good:

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.