The more comfortable I get with the terminal the more I prefer creating files and folders using
mkdir respectively. I wanted to find a way to quickly create and open files from the terminal in the same text editor window I’m already using.
First we’ll review a few basic terminal commands.
mkdir mydirectorywill create a folder named
touch mydirectory/filename.jswill create the file
&&will allow you to chain 2 terminal commands together.
cd mydirectory && lswill change directories into the
my directoryfolder and then immediately list all files in that directory.
- Pressing the up arrow key will bring up your last command in the terminal. Keep pressing up or down to go through your recent commands.
Setup New Terminal command
Visual Studio Code is my text editor of choice. I love the default terminal and git integration. Plus it’s free, open source, has a great UI and useful package extensions.
To launch files from the terminal you need to run a command first. Here are the instructions from the VS Code site:
- Launch VS Code.
- Open the Command Palette (⇧⌘P) and type ‘shell command’ to find the Shell Command: Install ‘code’ command in PATH command.
The main way I use these terminal commands is during the initial phase of a project when I’m building out the app structure. This comes in handy for something like React where you are building out components in subfolders. So my workflow would be something like this, I’ve created the app and am in the app directory:
$ mkdir src/components $ touch src/components/Child1.js && code -r src/components/Child1.js
- It creates then automatically brings up the new file in my window to edit.
- Press up on the keyboard to bring up the last command in terminal, then just edit the file name for the next Component.
$ touch src/components/Child2.js && code -r src/components/Child2.js
It’s a simple tip that has greatly sped up my workflow setting up projects.