Your e-mail messages will be slightly edited before being posted here :-)
Ljiljana.

Messages will be posted in a reverse chronological order 
(last message listed first) and grouped by the subject matter.

******************************************************************************
From: Paul Bologea <paul_bologea@sfu.ca
To:  Ljiljana Trajkovic <ljilja@sfu.ca>
Subject: ENSC427: Visual Studio Code for website
Date:  Mon, 22 Feb 2021 16:58:29 -0800

Here is a convenient way to easily edit your SFU webpage using Visual Studio Code, which is cross-platform.

1. Open the folder with your webpage files in VSCode.
2. Install the SFTP extension by liximomo. To do this, click the four squares on the side to view extensions, then search and install the SFTP extension by liximomo.
3. Return to the explorer (two pages icon on left). Hit Ctrl+Shift+P or Cmd+Shift+P, then search for "SFTP: Config" and click it. This will make a .vscode folder with a sftp.json files
4. The sftp.json file controls the SFTP configuration. For now, set "host" to "rock.its.sfu.ca", "username" to your SFU ID, and "remotePath" to "" (remember to save).
5. A new icon with a cloud will appear at the bottom of the left side; click this to open and view your SFU files (you might be prompted for your SFU password). You can right-click a file and click "edit in local" to copy and open it locally.
6. Go back to the local explorer (two pages icon on left). Now, when you create/edit files locally and save in VSCode, they will automatically be uploaded to the SFTP server. You can also right-click files in the explorer to sync to/from the SFTP server.

Once you've set up the configuration, it will automatically connect to the server whenever you open that folder in VSCode; details can be configured in the SFTP config file (more details on what can be configured can be found by checking the SFTP extension on the extensions tab). In particular, anything under the "pub_html" folder can be accessed from sfu.ca/~sfu_id. I would recommend using git for version control; VSCode has built-in git support. You can also download many extensions from the market place; "Quick HTML Previewer" by daiyy is helpful for basic HTML files, for example.

******************************************************************************

Last modified: 
Mon 22 Feb 2021 17:41:02 PST