Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Getting Started text editor recommendations #1493

Closed
wants to merge 3 commits into from
Closed
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/assets/img/get-started/vscode.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions src/data/en.yml
Original file line number Diff line number Diff line change
Expand Up @@ -122,21 +122,21 @@ 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 '
environment4: ' are included below.'
environment5: ' and '
environment6: >-
If you are a screen reader user and not using the p5 web editor, you may
want to use
environment7: ' or '
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:
Expand Down
7 changes: 3 additions & 4 deletions src/templates/pages/get-started/index.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -117,9 +117,8 @@ 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}}
</p>
</div>

Expand Down Expand Up @@ -183,7 +182,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>
Expand Down
Loading