Scribd
Upload
29 views3 pages

Command Line Shell and VS Code Set Up Troubleshooting Guide

This document provides instructions for setting up a terminal and VS Code for development. It outlines how to configure the terminal on Mac and Windows, including updating the ZSH shell on Mac. It then covers common terminal commands like pwd, ls, cd, mkdir, rmdir, and touch. The document also introduces the nano and Vim text editors in the terminal. Finally, it provides steps for downloading and customizing VS Code, including installing extensions like Material Icon and Prettier.

Uploaded by

María Paz Gutiérrez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views3 pages

Command Line Shell and VS Code Set Up Troubleshooting Guide

This document provides instructions for setting up a terminal and VS Code for development. It outlines how to configure the terminal on Mac and Windows, including updating the ZSH shell on Mac. It then covers common terminal commands like pwd, ls, cd, mkdir, rmdir, and touch. The document also introduces the nano and Vim text editors in the terminal. Finally, it provides steps for downloading and customizing VS Code, including installing extensions like Material Icon and Prettier.

Uploaded by

María Paz Gutiérrez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Command Line Shell and VS Code Set Up

Troubleshooting Guide

Terminal Setup
Configuring the terminal
Mac OS: Windows:
Open spotlight (search bar) Download and install Git Bash
Cmd + space • Go to git-scm.com (Links to an
Open terminal external site.) & select “Download for
Cmd + space to open spotlight Windows”
Type “terminal” in search bar • Install the download
Press Enter • Open Git Bash
Update ZSH • Confirm functionality by entering
Copy/Paste the command to upgrade: `chsh - <pwd>
s /bin/zsh` into the terminal window & press If you see a printout in
Enter /c/users/yourusername; you are good to go

Common terminal commands


pwd Print working directory - Prints out where
you are in your file tree.
ls List items - Lists all the items stored in
whatever directory you are in
cd <directory> Change directory - Changes you to whichever
directory you specify

ie:

cd Desktop - moves you to the desktop


mkdir <directory name> Makes a new directory named the specified
directory name
rmdir <directory name> Removes the specified directory
touch filename.extension Makes a new file
Command Line Text Editors
There are some built-in text-editors via the command line. Two common ones are nano and
Vim. Some developers enjoy using them because they are free, always accessible on every
computer, and use a very small amount of a computer system’s resources.
Don’t worry about learning them right now, they are beyond the scope of this course. The
learning curve for using them is high, so we recommend not writing a code on them as you are
still learning, but they are fun to use down the line and good to flex on your friends with.

To open nano, in your terminal window, run:


`nano`
To open a file with nano, in your terminal widow, run:
`nano filename.extension`
To open Vim, in your terminal window, run:
`vim`
Similarly, to open a file with Vim, run:
`vim filename.extension`

Customizing the terminal


On Mac, you can change the terminal’s font, color, etc by going to Settings -> Preferences.
Make your changes, and simply close the customizer window to save.
On Windows, navigate to Settings, where you can make changes directly into the json file. For
instructions on how to customize a json file, select this link here (Links to an external site.).
VS Code Setup
1. Download VS Code
• Download and install the latest version for your system from
https://code.visualstudio.com/ (Links to an external site.)

2. Download the Extensions: Material Icon and


Prettier
• Open VS Code
• Select the “Extensions” icon on the left (several squares stacked on top of each other).
• Type these needed extensions into search field and install them
o Material Icon
o Prettier

3. Customizing VS Code
• To change the color theme and further customize VS Code, navigate to Preferences ->
Color Themes.

You might also like