ordirectly in the VS Code settings via Code -> Preferences -> Settings by searching there for terminal integrated font. Just add Monaco, PowerlineSymbols into the Terminal > Integrated: Font Family text input box.
VS Code Settings -> Preferences -> Settings Search for terminal integrated font or Font Family and select Terminal.Add Monaco, PowerlineSymbols into the Terminal > Integrated: Font Family in text input box.
Most Linux users spend the majority of their time working in a terminal and want to get the most productive and enjoyable experience possible. OhMyZsh is an open-source tool for managing Zsh configuration that lets you customize your terminal to your liking and adds useful plugins and helper functions that improve your productivity and make using the terminal more enjoyable.
In this article, you will learn how to set up OhMyZsh with the solarized Agnoster theme and install useful plugins that provide functionality, including auto finishing already used commands, googling from within your terminal or copying entire files. Below is a screenshot of how your terminal will look at the end of the article:
Now that Zsh and OhMyZsh are installed, you can continue by configuring your terminal theme. For this, you first need to download a font that supports the unique characters and icons used by the theme.
After downloading the Powerline font and enabling the Agnoster theme you can also download and install a terminal theme for the background and font colors. I personally use the Solarized terminal color theme, but there are also alternatives like the Dracula or Gogh theme.
If you are still having issues where special characters and icons are not displayed correctly, I recommend downloading another fixed version of the font instead. I tried a lot of options and the Menlo-for-Powerline font seemed to work best for me.
As with most default terminals OhMyZsh also displays the system and username next to your directory by default. This can be useful in some cases, but it is usually useless information and can be removed for a cleaner look.
Once you added the plugin you will have to restart your terminal and you should be able to use the added functionality. For example, after adding the web-search plugin you should be able to type google WebRTC into your terminal and a Google window with the search term WebRTC should open.
Please consider recommending and sharing it with other fellow developers and subscribing to my newsletter if you have found this helpful. If you have any questions or feedback, let me know using my contact form or contact me on Twitter.
Install the DejaVuSansMono font from the Powerline fonts repo. I'm using the agnoster theme which works well it. You should be ok to install just DejaVuSansMono, alternatively you can use the script in the repository to install all the themes.
Greetings, friends! Whenever I get a new machine running macOS, one of the first things I do is install Oh My Zsh. Oh My Zsh is a powerful open source framework for managing your Zsh configuration. What is Zsh? It stands for Z shell and is a Unix shell that can be used on Unix-based operating systems including macOS. Oh My Zsh comes with thousands of helpful functions, plugins, and themes to improve the developer experience for a variety of programming languages and projects. It helps with Git autocompletion, Node.js autocompletion, and a ton more!
Today, I'll go through how to install Oh My Zsh on macOS and how to install the Agnoster Theme, a personal favorite among a lot of developers. I'll also describe how to get the Agnoster theme working correctly with iTerm2 and VS Code's terminal.
Please note that once you update your shell from bash to Zsh, you'll need to make sure that scripts found in your .bash_profile and .bashrc files are transferred over to your .zshrc file. This is common for people who have downloaded tools like Anaconda, which place scripts inside your .bash_profile file. If you use a shell other than bash, then you'll need to transfer scripts from the config files associated with the shell you were using before the Zsh installation to your .zshrc file.
Let's begin! First, navigate to the Oh My Zsh website and click on the install button. You will be taken to a page that describes how to install the program with either a curl or wget command. Choose whichever you prefer.
It's possible that Oh My Zsh will complain about insecure completion-dependent directories. Follow the instructions it suggests to fix file and ownership permissions. Typically, it'll ask you to run this command:
The reason this happens is because the terminal doesn't understand how to display the unicode properly. We need to install a Powerline-patched font to display the symbols correctly in the terminal. The Agnoster theme uses lots of symbols to add flair to our terminal.
If you're using iTerm2, then you may need to perform some extra steps. According to this Github issue, we need to change the font in iTerm2 -> Preferences->Profile and navigate to the "Text" tab to make sure we are using a Powerline font.
We have fixed iTerm2, but we still need to fix the terminal in VS Code. First, we need to make sure that your default shell is set to "zsh" instead of "bash". Open up the Command Palette with Cmd+Shift+P and navigate to "Terminal: Select Default Shell". Choose the "zsh" option. If you currently have a terminal open, you made need to close it and reopen it for the changes to take effect.
You may see issues with the symbols that we experienced with iTerm2. To resolve this issue in VS Code, we need to open up the Command Palette again and navigate to "Preferences: Open Settings (JSON)". Then, you need to add the following line somewhere in this file:
Looks so cool now! In my example, I have navigated to a project that is version controlled using Git, which is why you see the "master" branch being displayed in the terminal. You have the freedom to change the color scheme, font color, and more by adjusting your terminal settings. Each colored section you see in the image above is known as a "segment." The entire group of segments is known as a "prompt view." You can add/remove segments to your prompt view by following instructions on the Agnoster theme Github page.
With Oh My Zsh, you get support out of the box for autocompletion for a variety of tools such as Git and Node.js. For example, if you have a branch named my_cool_branch and want to checkout that branch, you can use the Tab key to autocomplete this:
The flexibility and customizations of Oh My Zsh and the Agnoster theme greatly helps improve the developer experience! I hope you see how useful they can be! Please dive into the Oh My Zsh docs to learn more about the plugins and themes that are available!
This is pretty straightforward to set up, Just follow the instructions here to get Ubuntu running. After you are in, update the packages, by running: sudo apt-get update. When all is working, you can continue to the next step.
After installing it, type zsh. zsh will ask you to choose some configuration. We will do this later on while installing oh-my-zsh, so choose option 0 to create the config file and prevent this message to show again.
This will install all the fonts on your Windows. You might get an error from PowerShell blocking you from running the script. Check this out if it happens with you. Make sure to reverse the policy after.
The directory colors for zsh is awful. If you followed along, by now you should have an ugly yellow or dark blue background on folders when ls/ll. Luckily, we can change that by installing a Solarized Color Theme from here. Follow these steps:
I've blogged about Patching the new Cascadia Code to include Powerline Glyphs and other Nerd Fonts for the Windows Terminal but folks have asked very specifically, how do I make my prompt look like that?
Note that if you were an early adopter of the Windows Terminal and you've released updated beyond 0.5, I'd recommend you delete or zero-out your profiles.json and let the Terminal detect and automatically recreate your profiles.json.
Run these commands from PowerShell or PowerShell Core. I recommend PowerShell 6.2.3 or above. You can also use PowerShell on Linux too, so be aware. When you run Install-Module for the first time you'll get a warning that you're downloading and installing stuff from the internet so follow the prompts appropriately.
Now that word Paradox there is optional. It's actually the name of a theme and you can (and should!) pick the theme that makes you happy and use that theme's name here. I like Agnoster, Paradox, or Fish, myself. Read more over here. -my-posh
If you do all this and you see squares and goofy symbols, it's likely that the font you're using doesn't have the advanced Powerline glyphs. Those glyphs are the ones that make this prompt look so cool!
At the time of this writing there is active talk of getting Powerline and other Nerd Fonts into Cascadia Code, the new font that ships with Windows Terminal. In the short term, you can get a forked version of Cascadia Code called Delugia Code and download that.
Sponsor: Suffering from a lack of clarity around software bugs? Give your customers the experience they deserve and expect with error monitoring from Raygun.com. Installs in minutes, try it today!
Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.
The recent release of the SQL-Developer extension for VSCode (Visual Studio Code) closes a gap for anyone developing server-side JavaScript code for Oracle Database 23c. And everyone else of course who always wanted to use VSCode for database development. And dark mode.
As per the theme documentation you need to install one of the patched powerline fonts. I opted for DejaVu Sans Mono for Powerline. The Powerline Fonts (Git) repository provides all the necessary steps to install the font(s).
Even though I have been a long time user of oh-my-zsh on zsh (moved from plain bash to zsh like 10 years ago), I have been minimal on my use of its theme capabilities. I have used the default theme forever: robbyrussell. But recently I was showing my friend @craftycoder the tweaks I have on my system (fzf, autojump, etc) and he showed me this theme, agnoster.
3a8082e126