Visual Studio Code: Difference between revisions

From pronounmail wiki
Jump to navigation Jump to search
Created page with "'''visual studio code''' ('''vscode''') is a popular text & code editor created by Michael H. Soft. you can edit text in it. of note for this guide is its "[Remote - SSH][marketplace]" plugin, which lets you edit files over a secure shell (SSH) session. for the time being, this is ''probably'' the easiest way to edit your pronounmail website. [https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh [marketplace<nowiki>]</nowiki>] using it is p..."
 
No edit summary
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
'''visual studio code''' ('''vscode''') is a popular text & code editor created by Michael H. Soft. you can edit text in it.
'''visual studio code''' ('''vscode''') is a popular text & code editor created by Michael H. Soft. you can edit text in it.


of note for this guide is its "[Remote - SSH][marketplace]" plugin, which lets you edit files over a secure shell (SSH) session. for the time being, this is  ''probably'' the easiest way to edit your pronounmail website.
of note for this guide is its "[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh Remote - SSH]" plugin, which lets you edit files over a secure shell (SSH) session. for the time being, this is  ''probably'' the easiest way to edit your pronounmail website.
 
[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh [marketplace<nowiki>]</nowiki>]


using it is pretty simple:
using it is pretty simple:
Line 11: Line 9:


== Install the Extension ==
== Install the Extension ==
Open up VSCode, press CTRL + P and type <code>ext install ms-vscode-remote.remote-ssh</code>.
Open up VSCode, press CTRL + P (⌘P on Mac) and type <code>ext install ms-vscode-remote.remote-ssh</code>.
Hit enter and it should install the extension for you.
Hit enter and it should install the extension for you.


(I think there should be an image here.)
== Connect to pronounmail Dot Com ==
[[File:Remote.png|thumb|the button in question]]
Click the little "Open a Remote Window" button in the bottom left of the  window, and select "Connect to Host..." from the menu that appears. In the text box, type <code><your username>@pronounmail.com</code> and hit enter. If you don't have [[Keys|SSH key authentication]] set up yet, you'll be prompted for a password.{{efn|if at this point the connection times out, you might need to go into the settings and turn off "Use Local Server". Also if it asks you for the platform, select Linux.}}


== Connect to pronounmail Dot Com ==
Click the little "Open a Remote Window" button in the bottom left of the  window, and select "Connect to Host..." from the menu that appears. In the text box, type <code><your username>@pronounmail.com</code> and hit enter. If you don't have [[Keys|SSH key authentication]] set up yet, you'll be prompted for a password.
== Open Your Site ==
== Open Your Site ==
If all goes well, you should now be connected to the server<ref>if it doesn't work, don't hesitate to yell about it on the discord!!</ref>. You can now select "Open Folder" from the File menu, navigate to your site folder  (it'll be called <code>public_html</code>) and edit away.
If all goes well, you should now be connected to the server{{efn|if it doesn't work, don't hesitate to yell about it on the [[discord]]!!}}. You can now select "Open Folder" from the File menu, navigate to your site folder  (it'll be called <code>public_html</code>) and edit away.


good luck!!!
good luck!!!
{{notelist}}
[[Category: Pages with some amount of information in them]]

Latest revision as of 23:06, 5 October 2024

visual studio code (vscode) is a popular text & code editor created by Michael H. Soft. you can edit text in it.

of note for this guide is its "Remote - SSH" plugin, which lets you edit files over a secure shell (SSH) session. for the time being, this is probably the easiest way to edit your pronounmail website.

using it is pretty simple:

Download VSCode

You can download VSCode from its website or using your favourite package manager.

Install the Extension

Open up VSCode, press CTRL + P (⌘P on Mac) and type ext install ms-vscode-remote.remote-ssh. Hit enter and it should install the extension for you.

Connect to pronounmail Dot Com

the button in question

Click the little "Open a Remote Window" button in the bottom left of the window, and select "Connect to Host..." from the menu that appears. In the text box, type <your username>@pronounmail.com and hit enter. If you don't have SSH key authentication set up yet, you'll be prompted for a password.[lower-alpha 1]

Open Your Site

If all goes well, you should now be connected to the server[lower-alpha 2]. You can now select "Open Folder" from the File menu, navigate to your site folder (it'll be called public_html) and edit away.

good luck!!!

  1. if at this point the connection times out, you might need to go into the settings and turn off "Use Local Server". Also if it asks you for the platform, select Linux.
  2. if it doesn't work, don't hesitate to yell about it on the discord!!