Searching for a website coding program

[FishBurger987]

Hello!

 

I was gonna build a website with my friend but I hit a barrier.

So we wanted to find a program which live previews the website like "brackets" program. You know when you click the live preview button, it opens a new chrome tab and it automatically refreshes when I edit the code.

That's what kind of program we would like to find it would be basically the same but we could see the live preview and each others files in preview. Of course we have 2 different pcs.

 

Levi.

[Techicolors]

VS Code has that option. it's an extension i think, it'll connect to a local server on your network and will reload as you make changes

[FishBurger987]

@Technicolors does that work for 2 computers? I mean I want to make the code while it updates the code for my friend too.

[Sauron]

You can use Atom and install this extension (or VS Code which is an Atom fork anyway).

3 minutes ago, FishBurger987 said:

@Technicolors does that work for 2 computers? I mean I want to make the code while it updates the code for my friend too.

How do you plan on syncronizing the files on both machines?

[FishBurger987]

1 minute ago, Sauron said:

You can use Atom and install this extension (or VS Code which is an Atom fork anyway).

How do you plan on syncronizing the files on both machines?

Quote

How do you plan on syncronizing the files on both machines?

That's the post about, I don't know. Not the live preview's my problem. The problem is I don't know how to make it work on both computers at the same time.

 

[Techicolors]

you could use a version control like git. 

 

i know Atom has Teletype, it is in beta https://teletype.atom.io

[Sauron]

23 minutes ago, FishBurger987 said:

That's the post about, I don't know. Not the live preview's my problem. The problem is I don't know how to make it work on both computers at the same time.

There are multiple ways to do this or something similar:

1) Share your desktop with something like teamviewer; that way you could see and edit the same code on the same desktop.

2) Use dropbox to sync the files; this requires you to refresh the editor every time you make a change, but it's only one keypress and both of you get the file locally.

3) Use git or some other version control software; it's not really a live solution but it's far more convenient for simultaneous edits on different parts of the code.

4) If you want to get fancy, you could create a scheduled task to run a script every few seconds; this could check for any changes in the git repository, download the new files and refresh the editor.

 

-edit-

@Technicolors pointed out a plugin I didn't know, which sounds like the best solution

[FishBurger987]

3 minutes ago, Sauron said:

There are multiple ways to do this or something similar:

1) Share your desktop with something like teamviewer; that way you could see and edit the same code on the same desktop.

2) Use dropbox to sync the files; this requires you to refresh the editor every time you make a change, but it's only one keypress and both of you get the file locally.

3) Use git or some other version control software; it's not really a live solution but it's far more convenient for simultaneous edits on different parts of the code.

4) If you want to get fancy, you could create a scheduled task to run a script every few seconds; this could check for any changes in the git repository, download the new files and refresh the editor.

 

-edit-

@Technicolors pointed out a plugin I didn't know, which sounds like the best solution

Thanks for everyone, the teletype atom thing works..

[TAHIRMIA]

Came across this https://www.visualstudio.com/services/live-share/ and remembered this thread.

Thought to share if you are still looking

[AbsoluteFool]

Doesent Gitlab have a preview feature? That's quite alright to work on