diff --git a/src/assets/img/get-started/vscode.png b/src/assets/img/get-started/vscode.png
new file mode 100644
index 0000000000..c8415800cf
Binary files /dev/null and b/src/assets/img/get-started/vscode.png differ
diff --git a/src/data/en.yml b/src/data/en.yml
index dd4c45e2de..5c20dfd1e3 100644
--- a/src/data/en.yml
+++ b/src/data/en.yml
@@ -122,21 +122,19 @@ get started:
   environmentlink: 'http://en.wikipedia.org/wiki/Source_code_editor'
   environment2: ' code editor '
   environment3: 'of your choice. Instructions for getting set up with '
-  environment4: ' are included below, other good editor options include '
-  environment5: ' and '
-  environment6: >-
-    If you are a screen reader user and not using the p5 web editor, you may
-    want to use
-  environment7: ' or '
+  environment4: ' are included below.'
+  environment5: ''
+  environment6: ''
+  environment7: ''
   environment8: >-
-    Open Sublime. Go to the File menu and choose Open... and choose the folder
+    Open Visual Studio Code. Go to the File menu and choose Open Folder... and choose the folder
     that your html and js files are located in. On the left sidebar, you should
     find the folder name at the top, with a list of the files contained in the
     folder directly below.
   environment9: >-
     Click on your sketch.js file and it will open on the right where you can
     edit it.
-  environment10: p5 starter code opened up in sublime editor.
+  environment10: p5 starter code opened up in Visual Studio Code.
   environment11: >-
     Open the index.html file in your browser by double clicking on it in your
     file manager or type:
diff --git a/src/templates/pages/get-started/index.hbs b/src/templates/pages/get-started/index.hbs
index c6fc1fec91..cddfa488d0 100644
--- a/src/templates/pages/get-started/index.hbs
+++ b/src/templates/pages/get-started/index.hbs
@@ -117,9 +117,12 @@ function draw() {
           <a href='{{#i18n "environmentlink"}}{{/i18n}}' target="_blank">
             {{#i18n "environment2"}}{{/i18n}}</a>
             {{#i18n "environment3"}}{{/i18n}}
-            <a href="http://www.sublimetext.com/2" target="_blank"> Sublime Text 2</a>
-            {{#i18n "environment4"}}{{/i18n}}<a href='http://brackets.io/' target=_blank>Brackets</a> {{#i18n "environment5"}}{{/i18n}}<a href='https://atom.io/' target=_blank>Atom</a>. {{#i18n "environment6"}}{{/i18n}} <a href="https://notepad-plus-plus.org/">Notepad++</a> {{#i18n "environment7"}}{{/i18n}}
-            <a href="https://www.eclipse.org/ide/" target="_blank">Eclipse</a>.
+            <a href="https://code.visualstudio.com/" target="_blank"> Visual Studio Code</a>
+            {{#i18n "environment4"}}{{/i18n}}
+            {{#i18n "environment5"}}{{/i18n}}
+            {{#i18n "environment6"}}{{/i18n}}
+            {{#i18n "environment7"}}{{/i18n}}
+
         </p>
       </div>
 
@@ -183,7 +186,7 @@ function draw() {
 
         <p>
           {{#i18n "environment9"}}{{/i18n}}
-          <img src="{{assets}}/img/get-started/sublime2.png" alt='{{#i18n "environment10"}}{{/i18n}}"'/>
+          <img src="{{assets}}/img/get-started/vscode.png" alt='{{#i18n "environment10"}}{{/i18n}}"'/>
         </p>
 
         <p>