VS Code - Revision history

Zach: /* SFTP Integration (Shipping files to your server) */

2023-01-27T20:08:41Z

SFTP Integration (Shipping files to your server)

2023-01-10T06:33:59Z

SFTP Integration (Shipping files to your server)

2023-01-10T06:33:36Z

SFTP Integration (Shipping files to your server)

2023-01-10T06:32:31Z

SFTP Integration (Shipping files to your server)

2023-01-10T06:20:17Z

DISCLAIMER

2020-09-18T20:08:55Z

DISCLAIMER

2020-09-18T20:08:27Z

DISCLAIMER

2020-09-18T19:48:09Z

Module 2

2020-01-29T19:04:05Z

Testing Everything Locally

2019-08-20T20:31:56Z

Module 1 -- Using the Git Integration

@@ Line 40: / Line 40: @@
 # Type SFTP and open the sftp config command.
-Your config.json file should look like the following:
+Your sftp.json file should look like the following:
+   {
      "name": "<My Instance>",

@@ Line 58: / Line 58: @@
 '''Preventing "Edit in Local" when editing files'''
 In order to edit locally, you'll have to right click on the file you wish to edit and select "Edit in local" every time. To avoid this, you can:
 # Open vscode settings by File >> Preferences >> Settings

← Older revision		Revision as of 06:33, 10 January 2023
Line 57:		Line 57:


		+	'''Preventing "Edit in Local" when editing files'''
	In order to edit locally, you'll have to right click on the file you wish to edit and select "Edit in local" every time. To avoid this, you can:		In order to edit locally, you'll have to right click on the file you wish to edit and select "Edit in local" every time. To avoid this, you can:
	# Open vscode settings by File >> Preferences >> Settings		# Open vscode settings by File >> Preferences >> Settings

@@ Line 35: / Line 35: @@
 === SFTP Integration (Shipping files to your server) ===
-# Open the Extensions tab and search for 'sftp'. Download the first one.
+# Select a folder to use for your work and open it in VSCode. When editing files on your instance, the file will be saved locally in this location for editing and reuploaded
 # To use commands in VS Code, type '''Cmd + Shift + P''' (Mac), or '''Ctrl + Shift + P''' on windows.
 # Type SFTP and open the sftp config command.
@@ Line 41: / Line 42: @@
 Your config.json file should look like the following:
+   {
      "protocol": "sftp",
      "port": 22,
-     "username": "YOUR USERNAME",
+     "username": "<custom instance username>"
-     "privateKeyPath": "/path/to/your/id_rsa",
+     "remotePath: "/home/<custom instance username>/",
-     "remotePath": "/home/YOUR USERNAME/public_html/module2",
+     "uploadOnSave": true,
-    "uploadOnSave": true
+    "privateKeyPath": "</path/to/.ssh/id_rsa>"
+   }
 - Note the uploadOnSave field is optional, but can be nice!
 - Check the VS Code output for errors in your config.
-Additionally: You should notice an SFTP tab on the side of VS Code. Here, you can view the file structure on your server.
+Additionally: You should notice an SFTP tab on the side of VS Code. Here, you can view the file structure on your server.]
 === Testing Everything Locally ===

@@ Line 30: / Line 30: @@
 {{RequiredInstructions|content=
-<span style="color:red">The following instructions rely on a third-party VSCode plug-in that is not actively maintained. As of 9/18/2020, the last commit in that repository is over a year ago. '''Use at your own risk!''' There are several reports that this plug-in has issues with private key authentication on versions of VSCode later than 1.35.</span>
+<span style="color:red">There are two SFTP VSCode extensions of the same name. One of them is depreciated. Use the extension distributed by Natizyskunk.</span>
 }}

@@ Line 28: / Line 28: @@
 == Module 2 ==
 === DISCLAIMER ===
-The following instructions rely on a third-party VSCode plug-in that is not actively maintained. As of 9/18/2020, the last commit in that repository is over a year ago. '''Use at your own risk!''' There are several reports that this plug-in no longer works on versions of VSCode later than 1.35.
+{{RequiredInstructions|content=
 === SFTP Integration (Shipping files to your server) ===

@@ Line 53: / Line 53: @@
 '''Windows'''
-# Download WAMP https://sourceforge.net/projects/wampserver/
+# Download WAMP http://www.wampserver.com/en/download-wampserver-64bits/
 # Place your project repositories in Wamp's www/ directory, and navigate to http://localhost in your browser.  You should see your projects listed here, run php files, and use phpmyadmin.

@@ Line 18: / Line 18: @@
 * Ensure VS Code has it marked as an html file (see the file type next to the smiley face)
 * Type '''doc''' followed by enter, and allow VS Code to generate a basic HTML file for you (use VS Code to your advantage! It can do a lot of your coding for you).
-* Save the file, you should see a popup next to the Version Control symbol on the left. VS Code has detected that your project is different than what it is in your remote Bitbucket repo.
+* Save the file, you should see a popup next to the Version Control symbol on the left. VS Code has detected that your project is different than what it is in your remote Github repo.
-* To commit, simply type a message in the box and click the check mark above it.  To push to your bitbucket repo, click the 3 dots next to the check mark and select 'push'
+* To commit, simply type a message in the box and click the check mark above it.  To push to your Github repo, click the 3 dots next to the check mark and select 'push'
 * Note this is also where you can pull from your remote.