1. Command Line Interfaces
Last updated
Last updated
At the end of the day, a program is just a text file on a computer. So, before we begin programming, we need to learn how programmers create, organize, and otherwise manage the files on their computers.
In this lesson, we'll learn about the Terminal, a program for interacting with a computer's files and executing programs through a command line interface (CLI).
Objectives
You will be able to…
Understand what a command line interface (CLI) is.
Compare and Contrast CLIs and Graphical User Interfaces (GUIs)
Navigate your local file tree
Create, copy, delete, and move files and directories
How to run a JavaScript program using your CLI
Explain what an "argument" is
Key Terms
Terminal — A program for interacting with a computer's files and executing programs through a command line interface.
Command Line Interface — a type of user interface (UI) that let's a users perform actions by entering text-based commands.
Graphical User Interface — a type of user interface that uses visual elements such as icons, buttons, windows, and dialog boxes, allowing users to perform actions such as clicking, drag-and-drop, and more.
Directory — Another term for a "folder" in your computer that contains references to files or possibly other directories.
Working Directory — The directory where your commands will be executed.
Command - A single action to be performed on your computer. Examples include creating a new file, listing the contents of the current directory, navigating to a different directory, or executing a program.
Argument — An additional piece of information provided to a command to change the command's behavior.
Node — A program for executing JavaScript code directly on your computer (as opposed to in a browser).
Important CLI commands
node <file_name.js> — execute a given .js file using Node.
Control + C — Terminate the currently running program
pwd — Print the working directory, a.k.a where your terminal navigation currently is located.
ls — Prints ("lists") the contents of the working directory
cd <directory> — Change directories to the given directory
cd ../ — Change directories to the parent of the working directory
mkdir <dir_name> — Make a new directory with the given name.
touch <file_name> — Make a new file with the given name
cp <file> <dest> — Move a file to the given directory
As a programmer, you must become a master of the files on your computer. If you've ever dug into your computer's file system, you likely have done so using a program like Finder or Windows Explorer.
These applications allow you to manage files through a graphical user interface (GUI) — a user interface with buttons and icons that let you do things like click and drag-and-drop.
While these features are very beginner-friendly, they are often too slow for "power users" who want to perform more complex tasks or rapidly perform many repeated tasks.
Instead, programmers typically use a tool called the Terminal. The Terminal is a program for interacting with a computer's files and executing programs through a command line interface (CLI).
In the screenshot above, you can see this user entering commands:
Note that some commands like pwd can be entered on their own. Other commands like mkdir may use inputs called arguments. Some commands like ls can be used on their own or with arguments.
While you can use the Terminal application that comes with your laptop, it is often just as convenient to use the one that comes built into your VS Code code editor.
To open up the Terminal panel, go to File > Terminal and it should show up at the bottom:
Let's go through some of the most important and commonly used commands.
pwd and lsA directory is another term for a "folder" in your computer's file system that contains references to files or possibly other directories.
The working directory is the current location of your terminal's navigation through that file system and where all commands are executed. Think of it as the "you are here" icon in a map.
The pwd command prints the full file path to the working directory while the ls command prints the contents of the working directory:
cdThe cd <directory> command allows you to move to another directory in the file system. However, unlike the previous commands, it requires an argument.
An argument is an additional piece of information that changes that behavior of a given command. For the cd command, we have to also provide a destination.
For example, suppose we were located in the /Users directory inside the following file system:
I could navigate to "down" to the /Users/smith directory with the command:
You can also extend the directory provided with a / to quickly navigate to directories within directories. For example, if I were located in the /Users directory, I could navigate to the /Users/smith/Documents directory in one command:
To navigate back "up" to the "parent" directory, you can use the special directory name .. which always refers to the parent directory of the working directory.
For example, if I were in the directory /Users/smith/Documents and wanted to go back up to the /Users/smith directory, I could enter the command:
If I had wanted to go up two levels from /Users/smith/Documents to /Users, I can again use / to extend the provided directory name:
cd command!Using the cd command on its own will send you to the root of your entire file system (~/). This is the equivalent of using the command:
mkdir and touchmkdir <dir_name> creates a new directory in the working directory
touch <file_name> creates a new file in the working directory. Make sure to include the file extension!
You can also create multiple files/directories at once by listing multiple file/directory names:
nodeA JavaScript program is any file with a .js extension, like hello.js
The code can be as simple as console.log("Hello World")
To run the program, use the command node hello.js
Control+CMany programs will end ("terminate") on their own when each statement has been executed.
Other programs can run forever, requiring us to stop them ourselves. For example, when we use the node command on its own, it will start the Node REPL (Read, Evaluate, Print Loop) program which just waits for Javascript input, executes it, and then prints the result:
To terminate the program, use the keyboard shortcut Control+C (you may need to cancel twice).
echoAnother common occurrence is an unfinished string. You can test this with the echo command which will print a given string straight to the terminal.
You can also use the output from an echo command and send the output into another file using the >> append operator.
For example, this command will take the text "hello world" and append it to the file output.txt (it will create output.txt if it doesn't exist)
cat Command and Combining Commands with &&The cat command is used to read the contents of a given file.
You can combine any two commands with the && operator.
For example, the command above lists the contents of the current working directory and print the contents of output.txt
rm <file_name> removes a file from the working directory
rm -r <directory_name> removes a directory and all of its contents from the working directory. -r stands for "recursive".
mv <file_name> <new_file_name> renames a file in the working directory or allows you to move the file to another directory.
cp <file_name> <dir_name> copies a file into a directory.
We're using Linux commands so whenever you are researching a topic, add "Linux" to the end of your search so that you get appropriate results! For example, for the first challenge you may search "how to unzip .tar.gz file linux".
Challenges 1-19 are the basics of what you'll want to know for this course.
Challenges 20 you should skip. It involves executing a file that we can't see the contents of.
Challenges 21-50 are more advanced.
Check out these for additional practice. A lot of these challenges go way beyond what we've learned in this lesson and will push you to research and learn on your own!
