View profile

Day #5: Jazzing up Terminal & VS Code

Puppy Nomadic
Puppy Nomadic
I’ve been banging my head on this “JSON parser” precourse assignment for two days now, and it is 🤯. I’m not ready to talk about it. However…
We had our first office hours yesterday with Cayla and Andrew, the Engineering Fellows for our FTRI Cohort 9.
They walked us through setting up our VS Code extensions.
Below are the extensions recommended by CodeSmith, plus a few other things I’ve added to bring some flavor to my Terminal.

Visual Studio Code Extensions
In the Dev Environment Setup repository of our Precourse work, CodeSmith listed the following extensions that we should install:
* eslint
* code runner
* quokka – displays console.logs inline (the coolest!)
* live share – allows you to pair program like Google docs, except code!
* bracket pair colorizer [deprecated]
Here are my notes from office hours for more details.
(Half of the notes are just my classmates’ favorite cereals. Maybe not the most useful notes I’ve ever taken.)
Opening up VS Code Files in Terminal
In order to open up files directly in VS Code from command line, you need to install the “code” command. You can do so by:
1. Open up the Command Palette in VS Code (cmd + shift + P)
2. Type in: “Shell command - Install ‘code’ command in PATH”
Type Cmd + Shift + P in VSCode (Mac) to get this Command Palette.
Type Cmd + Shift + P in VSCode (Mac) to get this Command Palette.
Making Terminal Fun
In addition to these VS Code extensions, I’ve also been jazzing up my Terminal with a few fun packages:
  • Changing my Bash Terminal prompt so it says “Woof” 🐕
  • Adding Pokemon to every Terminal window
  • PowerLevel10K + ohmyzsh
Note: PowerLevel10k will not display in the Terminal inside of VS Code unless you change the settings inside VSCode to include the correct fonts to display the Github status bar. (See link below)
My VSCode Terminal with PowerLevel10K + my Bash prompt: WOOF!
My VSCode Terminal with PowerLevel10K + my Bash prompt: WOOF!
How To Change Your PS1 Bash Prompt (And Add Emojis) 🐶
Pokemon terminal themes.
Bash command:  "pokemon pikachu"
Bash command: "pokemon pikachu"
powerlevel10k: A Zsh theme
powerline fonts + visual studio code terminal settings
Tada! 🍻
My very purple code editor:
Splitting my screen, I have Terminal and Quokka output on the right side of my editor.
Splitting my screen, I have Terminal and Quokka output on the right side of my editor.
The little green boxes are Quokka.js indicators, which conveniently show you your console.log values, and they can be turned on with shortcut: “Cmd + K, Q”.
Bonus Section: Dad Joke of the Day
On a separate, equally unrelated note, @WillSentance retweeted my post, and I was ecstatic…
Puppy Nomadic
@CodeAt50 @codesmith_ @SelinaHotels 🐶 just wagging along, one day at time

Fave topics:

* tail recursion
* tailwind.css
* fetch API
Coming Next...
What I’ve been really on the last two days, though, is the frustrating JSON Parser assignment in Precourse-3, which is taking me FOREVER!!! But I think I’m finally close… Hope to write a detailed post with my approach/solution for Day 6.
Did you enjoy this issue? Yes No
Puppy Nomadic
Puppy Nomadic @puppynomadic

Let's pull each other up by our Bootstrap.js 🪴 👩🏻‍💻 🦮

=== Journey of software craftsmanship ===

{"Formerly": ["nonprofit community organizer", "teacher", "researcher", "government director"],
"Future": ["software engineer", "web3 dev", "developer advocate", "technical program manager"]
}

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.