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

use vs code instead of atom #693

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all 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
4 changes: 2 additions & 2 deletions sites/en/frontend/frontend.step
Original file line number Diff line number Diff line change
Expand Up @@ -30,10 +30,10 @@ We're going to be working with:
* [Chrome](https://www.google.com/chrome)
(If you're experienced with the developer tools in another browser, that may work too.);
* The code editor of your choice.
* [Atom](https://atom.io/) is a free, open-source editor that can be customized with HTML, CSS, and JavaScript. A download is available for OS X 10.8+, Windows 7/8, and Ubuntu/RedHat linux.
* [Visual Studio Code](https://code.visualstudio.com/) is a free editor that can be customized with HTML, CSS, and JavaScript. A download is available for OS X 10.11+, Windows 8/10/11, and Ubuntu/RedHat linux.
* [or install a different editor](/installfest/editors)

Optional tools if you're deploying to GitHub:
Optional tools if you're deploying to GitHub:

* Git;
* Your [GitHub](http://github.com) account.
Expand Down
2 changes: 1 addition & 1 deletion sites/en/frontend/get_a_sticker.step
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ end

verify "you can open a local webpage in a browser" do
message <<-MESSAGE
Create a new file called `sticker.html` by opening it in Atom or your preferred editor.
Create a new file called `sticker.html` by opening it in VS Code or your preferred editor.
Make a note of where you save it, you'll need to know in a second.

Fill it with the following contents:
Expand Down
2 changes: 1 addition & 1 deletion sites/en/frontend/introduction_to_html.step
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ steps do

step do
message <<MARKDOWN
You'll need to fire up your text editor (like Sublime Text or Atom) for these steps. We're going to make an HTML document!
You'll need to fire up your text editor (like VS Code or Sublime Text) for these steps. We're going to make an HTML document!

Make a new file and call it <b>hello.html</b>. (In some editors, you may need to set the file type to 'HTML'; but usually, just using the .html extension will be enough.)

Expand Down
4 changes: 2 additions & 2 deletions sites/en/frontend/tool_installation.step
Original file line number Diff line number Diff line change
Expand Up @@ -46,8 +46,8 @@ steps do
end

step "Install a text editor" do
a "Download and install Atom", :href => "https://atom.io/"
message "Install Atom by double clicking the file you downloaded, then dragging the Atom icon into the Applications folder. Finish up by clicking the eject icon for Atom in your finder window."
a "Download and install VS Code", :href => "https://code.visualstudio.com/"
message "Install VS Code by double clicking the file you downloaded, then dragging the VS Code icon into the Applications folder. Finish up by clicking the eject icon for VS Code in your finder window."
a "or install a different editor", :href => "/installfest/editors"
end
end
Expand Down
14 changes: 6 additions & 8 deletions sites/en/installfest/_install_atom_for_mac.step
Original file line number Diff line number Diff line change
@@ -1,21 +1,19 @@
message "We'll be using the Atom text editor during the workshop, though you are free to use a different editor if you prefer. It must be a plain-text editor, such as vi or TextMate."
message "We'll be using the VS Code text editor during the workshop, though you are free to use a different editor if you prefer. It must be a plain-text editor, such as vi or TextMate."

important <<-MARKDOWN
Microsoft Word and other word processing programs, including TextEdit and Notepad, will not work.

When in doubt, use Atom.
When in doubt, use VS Code.
MARKDOWN

step "Download Atom" do
message "Download the [Atom installer](https://atom.io/download/mac)."
step "Download VS Code" do
message "Download the [VS Code installer](https://code.visualstudio.com/)."
end

step 'Find the downloaded file in Finder' do
message "If you weren't asked where to save it, it's probably in the Downloads folder."
end

step "Extract Atom and move it to your Applications folder." do
message "Double click the Atom `.zip` file to extract it. Drag Atom into your Applications folder."

img src: 'img/install_atom_mac.gif', alt: 'Animation of extracting the Atom zip file and moving the contents to the Applications folder'
step "Extract Visual Studio Code and move it to your Applications folder." do
message "Double click the Visual Studio Code `.zip` file to extract it. Drag Visual Studio Code into your Applications folder."
end
2 changes: 1 addition & 1 deletion sites/en/installfest/_install_textmate.step
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
message <<-MARKDOWN

Atom isn't compatible with versions of OS X lower than 10.6 so we'll use Textmate (which is still widely used by Rails developers), you are free to use a different editor if you prefer. It must be a plain-text editor.
VS Code isn't compatible with versions of OS X lower than 10.11 so we'll use Textmate (which is still widely used by Rails developers), you are free to use a different editor if you prefer. It must be a plain-text editor.

MARKDOWN

Expand Down
4 changes: 2 additions & 2 deletions sites/en/installfest/editors.step
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
message <<-MARKDOWN

There are a number of different editors designed for programming. You may already have a favorite editor; if so you can continue using that editor. If you have never used a programming editor, there are a number of good editors available, several of them free of charge. Many RailsBridge instructors use the Atom editor, so you may want to install Atom; if you end up asking for help during your class it may be easier for an instructor or TA to help you if you are using Atom. Here is a list of some of the more widely used editors:
There are a number of different editors designed for programming. You may already have a favorite editor; if so you can continue using that editor. If you have never used a programming editor, there are a number of good editors available, several of them free of charge. Many RailsBridge instructors use the VS Code editor, so you may want to install VS Code; if you end up asking for help during your class it may be easier for an instructor or TA to help you if you are using VS Code. Here is a list of some of the more widely used editors:

* <a href="https://atom.io/" target="_blank">Atom</a> is a free, open-source editor that can be customized to your liking using its rich ecosystem of add-on packages. A download is available for OS X 10.8+, Windows 7/8, and Ubuntu/RedHat linux.
* <a href="https://code.visualstudio.com/" target="_blank">VS Code</a> is a free editor that can be customized to your liking using its rich ecosystem of add-on packages. A download is available for OS X 10.11+, Windows 8/10/11, and Ubuntu/RedHat linux.
* <a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a> is popular with many Ruby and Rails users. You can use it free for evaluation, then must pay to continue using it.
* <a href="http://komodoide.com/download/" target="_blank">Komodo</a> is a very good free programming editor, that is not used as widely as in the past. It is relatively easy to use.
* <a href="http://macromates.com/" target="_blank">TextMate</a> is very popular in the Ruby and Rails community. It is not free.
Expand Down
Binary file removed sites/en/installfest/img/install_atom_mac.gif
Binary file not shown.
2 changes: 1 addition & 1 deletion sites/en/installfest/installfest.step
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ Here's a list of tools you'll be installing. As you go through the workshop, we'
* **Git**. A revision or source control system. It creates a _repository_ (sometimes called a _repo_ for short), which is a complete history of your changes to what you're working on. This means you can undo changes and roll back to previous versions of your work if something has gone wrong.
* **GitHub** (optional). A place to store your Git repository online, so you can access it from any computer.
* **Heroku**. An _application server_, which hosts your application while you're working on it. This allows you to access your app online and interact with it from any browser, instead of just on your local computer.
* **Atom** (or [some other editor](editors)). To write programs in Ruby, you need a text editor to create, edit and save Ruby files.
* **VS Code** (or [some other editor](editors)). To write programs in Ruby, you need a text editor to create, edit and save Ruby files.
* A couple of useful **Ruby gems**. Ruby gems are useful bits of Ruby code that someone has created for reuse, so you don't have to write it yourself.

If you've already installed the above tools and are confident they are setup correctly, skip ahead to the <a href="get_a_sticker">Get a Sticker</a> step.
Expand Down
6 changes: 3 additions & 3 deletions sites/en/installfest/linux.step
Original file line number Diff line number Diff line change
Expand Up @@ -77,12 +77,12 @@ step "Install Rails" do
console "gem install rails"
end

step "Atom" do
step "VS Code" do
message <<-MARKDOWN

If you don't have a preferred code editor, you can install Atom.
If you don't have a preferred code editor, you can install VS Code.

Checkout this section of the [Atom manual](http://flight-manual.atom.io/getting-started/sections/installing-atom/#platform-linux) for the latest instructions.
See [the VS Code Website](https://code.visualstudio.com/Download) for the latest instructions.
MARKDOWN
end

Expand Down
4 changes: 2 additions & 2 deletions sites/en/installfest/osx_rvm.step
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ step "Install Rails" do
end
end

step "Install Atom" do
insert "install_atom_for_mac"
step "Install VS Code" do
insert "install_vscode_for_mac"
end

verify "successful installation" do
Expand Down
6 changes: 3 additions & 3 deletions sites/en/installfest/windows.step
Original file line number Diff line number Diff line change
Expand Up @@ -173,11 +173,11 @@ step "Install a Text Editor" do

message "Notepad is not a good programming editor, but it will work in a pinch."

important "**When in doubt, use Atom.**"
important "**When in doubt, use Visual Studio Code (VS Code).**"

message "[Atom](https://atom.io) is a good option, if you don't have one yet."
message "[Visual Studio Code](https://code.visualstudio.com/) is a good option, if you don't have one yet."

message "Download Atom here: <https://atom.io/download/windows>"
message "Download Visual Studio Code here: <https://code.visualstudio.com/>"
end

next_step "create_a_heroku_account"
2 changes: 1 addition & 1 deletion sites/en/intro-to-rails/_deploying_to_heroku.step
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ step "Edit the Gemfile" do

message "Heroku will run our application slightly differently than our development computer does, which requires us to make a small change to our `Gemfile`."

message "Open the file called `Gemfile` in Atom, or your preferred editor, and find the line containing:"
message "Open the file called `Gemfile` in your editor, and find the line containing:"

source_code :ruby, <<-RUBY
gem 'sqlite3'
Expand Down
8 changes: 3 additions & 5 deletions sites/en/intro-to-rails/getting_started.step
Original file line number Diff line number Diff line change
Expand Up @@ -60,13 +60,11 @@ Open the suggestotron folder as a project in your text editor.
tip "Close any files that are already open. They might be from yesterday's `test_app`, and we want to make sure that we're editing files in today's `suggestotron` app."

message <<-MARKDOWN
In **Atom**, you can use the `File > Add Project Folder...` menu option:
In **VS Code**, you can use the `File > Open > Folder...` menu option.

![Atom Project menu screenshot](img/atom_add_folder_to_project.png)
Select your `suggestotron` folder from the file picker that opens. If everything works out your editor should show the directories of your app in a tree structure on the left:

Select your `suggestotron` folder from the file picker that opens. If everything works out Atom should show the directories of your app in a tree structure on the left:

![Screenshot of Suggestotron project folder tree in Atom](img/atom_project_as_folder.png)
![Screenshot of Suggestotron project folder tree in VS Code](img/vscode_project_as_folder.png)
MARKDOWN
end

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added sites/en/intro-to-rails/img/[email protected]
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion sites/en/intro-to-rails/setting_the_default_page.step
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ goals {
steps {

step "Add a root route" do
message "Open the file `config/routes.rb` in an editor (In the InstallFest yesterday, we suggested that you install and use **Atom** as your editor)."
message "Open the file `config/routes.rb` in an editor (In the InstallFest yesterday, we suggested that you install and use **VS Code** as your editor)."

message "Look for the line `Rails.application.routes.draw` at the beginning of the file, and add the line `root 'topics#index'` after it. When you are done the start of the file should look like this:"

Expand Down
4 changes: 2 additions & 2 deletions sites/en/javascript-snake-game/lesson-1.step
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@ steps do

When programming, you'll generally want these tools on hand:

* Your browser to see the code running (I recommend Chrome)
* A text editor to change the code (Railsbridge recommends <a href="https://atom.io/">Atom</a>, but you can <a href="/installfest/editors">try a different editor</a>)
* Your browser to see the code running
* A text editor to change the code (Railsbridge recommends <a href="https://code.visualstudio.com/">Visual Studio Code</a>, but you can <a href="/installfest/editors">try a different editor</a>)
* A javascript console so you can experiment and print out debugging
messages. This is built into your browser.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ When programming, you'll generally want these tools on hand:

* An internet connection. We're going to be communicating with other websites using JavaScript.
* Your browser to see the code running (I recommend Chrome, but any will do!)
* A text editor to change the code (Railsbridge recommends <a href="https://atom.io/">Atom</a>, but you can <a href="/installfest/editors">try a different editor</a>)
* A text editor to change the code (Railsbridge recommends <a href="https://code.visualstudio.com/">Visual Studio Code</a>, but you can <a href="/installfest/editors">try a different editor</a>)
* A javascript console so you can experiment and print out debugging
messages. This is built into your browser.

Expand Down
4 changes: 2 additions & 2 deletions sites/en/javascript-to-do-list/javascript-to-do-list.step
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@ day. Probably.
When programming, you'll generally want these tools on hand:

* An internet connection. We're going to be communicating with other websites using JavaScript.
* Your browser to see the code running (I recommend Chrome, but any will do!)
* A text editor to change the code (Railsbridge recommends <a href="https://atom.io/">Atom</a>, but you can <a href="/installfest/editors">try a different editor</a>)
* Your browser to see the code running
* A text editor to change the code (Railsbridge recommends <a href="https://code.visualstudio.com/">Visual Studio Code</a>, but you can <a href="/installfest/editors">try a different editor</a>)
* A Javascript console so you can experiment and print out debugging
messages. This is built into your browser.

Expand Down
2 changes: 1 addition & 1 deletion sites/en/job-board/add_a_new_job_form.step
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,6 @@ RUBY

message "Now we should see our mostly unstyled form!"

discussion_box "Form HTML", "What HTML did the form helpers produce? Using the web inspector, look through the form code and compare it to the file you've been working on in Atom."
discussion_box "Form HTML", "What HTML did the form helpers produce? Using the web inspector, look through the form code and compare it to the file you've been working on in VS Code."

next_step "make_the_form_work"
8 changes: 4 additions & 4 deletions sites/en/job-board/create_a_rails_app.step
Original file line number Diff line number Diff line change
Expand Up @@ -27,16 +27,16 @@ message <<-MARKDOWN

Watch all the files that are created! Wow!

# Open the project in Atom
# Open the project in VS Code
MARKDOWN

console_with_message "Move into the directory for your new Rails app:", "cd job_board"

message <<-MARKDOWN
And open the project in Atom:
And open the project in VS Code:

* Open Atom
* Under Project, choose "Add Folder to Project"
* Open VS Code
* Under File, "Open FolderProject"

(You must have at least one window open, so if that option is greyed out, open a window with cmd+n (Mac) or ctl+n (PC))
MARKDOWN
Expand Down
4 changes: 2 additions & 2 deletions sites/en/job-board/make_a_jobs_home_page.step
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,13 @@ message <<-MARKDOWN

So it's looking for a route, but can't find one. Let's add one!

Open up the routes file. It's in the config directory, called `routes.rb`. If you're using Atom, you can open it using keyboard shortcuts:
Open up the routes file. It's in the config directory, called `routes.rb`. If you're using VS Code, you can open it using keyboard shortcuts:

* Hitting cmd + p (on Mac) or ctl + p (on PC)
* typing in `route`
* hitting enter

Magic! (Atom is using fuzzy search, so you can use the entire file path, or just part of the filename to go to files.)
Magic! (VS Code is using fuzzy search, so you can use the entire file path, or just part of the filename to go to files.)
MARKDOWN

source_code_with_message "We're going to need a resource route, which will create EIGHT different routes for us. Add this to line two:", :ruby, "resources :jobs"
Expand Down
2 changes: 1 addition & 1 deletion sites/en/learn-to-code/learn-to-code.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ Follow along at http://docs.railsbridge.org/learn-to-code
* Ruby version 2.3 preferred, but 1.9+ is fine too
* run `ruby -v` to check
* a text editor
* we recommend [Atom](https://atom.io/), but you can try a [different editor](/installfest/editors)
* we recommend [Visual Studio Code](https://code.visualstudio.com/), but you can try a [different editor](/installfest/editors)

* If you do not have both of these things, RAISE YOUR HAND
* visit http://installfest.railsbridge.org for more instructions
Expand Down
10 changes: 5 additions & 5 deletions sites/en/learn-to-code/the_command_line.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
* very low level, based entirely on text and typing, not graphics and mousing
* when you type into the terminal, you are always issuing COMMANDS
* which is why it's called the Command Line

# Opening the Terminal

* to open your terminal:
Expand Down Expand Up @@ -40,9 +40,9 @@
# Making a directory

* when you type `mkdir` ("make dir") it creates a new SUBDIRECTORY inside the current directory

mkdir code

# Changing directories

* `cd` ("change dir") moves you into a different directory
Expand Down Expand Up @@ -76,7 +76,7 @@
* a text editor is a program that edits a text file
* a text editor is *like* a word processor
* but a text editor is **not** a word processor
* You probably have *Atom*
* You probably have *VS Code*
* or [another text editor](/installfest/editors)
* but **NOT** *TextEdit* or *Notepad* or *Microsoft Word*

Expand All @@ -99,7 +99,7 @@

puts "Hello, World!"

5. Save the file
5. Save the file
6. Go back to the terminal
7. Run this file using `ruby hello.rb`

Expand Down
2 changes: 1 addition & 1 deletion sites/en/ruby/running_programs_from_a_file.step
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ A text editor is a word processor that saves in plain text format. This is
unlike Word, which saves files in a special format that only Word can read.

We may have recommended a particular text editor during the Installfest, such as
Atom. You can use any editor you like so long as it saves plain text.
VS Code. You can use any editor you like so long as it saves plain text.

It'll helpful to keep your text editor running, since you'll be coming back to
it often.
Expand Down