How to fix POSH broken prompt on vscode?

[prathikshetty2002]

I recently started using ohmyposh with my windows powershell prompt. It looks great on my terminal. But as soon as i switch to my vscode to do my development stuff, it seems to be broken. It looks bad , i want to fix it. Any suggestions/solutions on it? Have you guys also faced this before.

This is my powershell with ohmyposh tweaks :

This is how it looks on vscode on windows:

[JanDeDobbeleer]

Can it be it starts on a UNC path? What's the value of $PWD?

[prathikshetty2002]

It was displaying broken unicode on the prompt before but a couple of days after i encountered this problem. Does it have to do anything with my powershell version? I am on powershell 5.1 now, they have an upgrade to 7.

[prathikshetty2002]

Here is my $PROFILE script :

Import-Module oh-my-posh
oh-my-posh prompt init pwsh --config https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/v$(oh-my-posh --version)/themes/mt.omp.json | Invoke-Expression
Set-PSReadLineOption -PredictionSource History
Set-PSReadLineOption -PredictionViewStyle ListView

maybe you can find something in this. Any issue here?

[JanDeDobbeleer]

Why does the path have two slashes C://?

[prathikshetty2002]

oh sry abt that

my actual path : C:\Users\prath

[prathikshetty2002]

I really find it strange but it actually now reverted back to the previous state after a restart. Don't know how but yes it did!

Still broken unicode prompt :

Can't display those nice little icons, it distracts me any fixes you can suggest? I really like the ohmyposh shell !

[JanDeDobbeleer]

That's a font issue. All you need is to set the terminal font in code to one that supports powerline (preferably a Nerd Font).

[prathikshetty2002]

I did that i have set the terminal font to cascadia-cove nerd font and it doesn't supports powerline . I found out another nerd font Fira code that does support powerline fonts. Thanks @JanDeDobbeleer this resolves my issue, if something still persists i will get back for help. Thanks !

[MeetBhingradiya]

i Totally Fixed this issue in Settings.Json

if you install oh-my-posh terminal theme with nerd fonts.

Simply Add this line

"terminal.integrated.gpuAcceleration": "auto",
"terminal.integrated.fontFamily": "'CaskaydiaCove Nerd Font Mono'",

@prathikshetty2002

[prathikshetty2002]

Changing the font does the work , NERD font fira code works well. Some tweaks fixed the issue. Thanks !

[benn511]

My mistake was that I had previously set my terminal font and it was overriding the editor font family setting.
"terminal.integrated.fontFamily": "Hack Nerd Font"

[sadranyi]

I have an interesting issue, all my icons and glyphs work fin in the external terminal normally when I run it in both normal and elevated modes (as seen from the attached image). However, when launching VSCode, it's missing some of the icons and glyphs though I have installed Melso Nerd font and set the Editor Font, which is the default for the Terminal. Kindly advise?

As you can see in the VSCode Terminal, 3 of the glyphs are missing.

[MeetBhingradiya]

@sadranyi Last Image is VS Code Default Font Family Settings Not Terminal Font Family See Heare as ScreenShot.

[sadranyi]

I made the changes, yet the icons are missing

[JanDeDobbeleer]

@sadranyi is this the latest version of the Nerd Font (V3) and, did you install the font as admin or user?

[sadranyi]

yes its the latest, I just selected all and installed them

[MeetBhingradiya]

@sadranyi See Below Comment

[MeetBhingradiya]

oh-my-posh Full Installation with Autocompletions and Fix VSCode Broken Issue

Note

• I Recommend You only Install CaskaydiaCove Nerd Font other forts may be not work.

Download and Install [Windows 11 as Base in All Paths]

1. Install this App from Microsoft Store is More Recommended : Link
2. Install Powershell from Microsoft Store : Link
3. Download CaskaydiaCove Nerd Font : Link
4. Unzip CaskaydiaCove Nerd Font it.
5. Go to Settings > Personalisation > Fonts and Then Install it.
6. Search for Terminal Run with Administrator.
7. Go to Terminal > Settings > Profiles > Defaults > Additional Settings > Appearance > Font Face Select it to CaskaydiaCove NFM
8. Click on Save
9. Go to File Explorer Documents > PowerShell create new File Microsoft.PowerShell_profile.ps1

• For No Need of Autocompletions

• oh-my-posh --init --shell pwsh --config "D:\Programs\Powershell\config.json" | Invoke-Expression

• For Need of Autocompletions Add Content of This File Github Gists Link

• Note : This file is i download from JanDeDobbeleer's Gists but now this is removed

10. If You need to Customise or Edit your Theme create config.js file at Step 9 Path

For only Who Need Autocompletions

11. Open Powershell 7 and Run This command One by One to Install Recomended Modules

• Install-Module PSReadLine
• Install-Module Terminal-Icons
• Install-Module z

12. After a Install you see Modules Folder Created in Documents > PowerShell

For only Who Need to Fix Broken Powershell in VSCode

• Press CTRL + SHIFT + P and Search for Below Settings Visible and click it
  

• And Added This Properties

// ? Required
"terminal.integrated.fontFamily": "CaskaydiaCove NFM",

// ? Optional For Your Screen And Size Aujest it Manually
"terminal.integrated.fontSize": 12,
"terminal.integrated.fontWeight": "400",

Final Results

Made With ❤️ by @MeetBhingradiya

[sadranyi]

Changing the font to CaskaydiaCove Nerd Font, as suggested by @MeetBhingradiya worked. thanks @MeetBhingradiya. I am still having to run VSCode as Administrator before it picks up the Path Variables. Any pointers?

[mhudn]

Using MesloLGLDZ Nerd Font works well for me.
"terminal.integrated.fontFamily": "MesloLGLDZ Nerd Font",

[arif98741]

Its worked in my powershell but when i try to open inside vscode it was not showing. That's why I open vscode user settings file from location
C:\Users\YourPCUserName\AppData\Roaming\Code\User\settings.json and added a new line at the end like below

"terminal.integrated.fontFamily": "Hack Nerd Font",

Finally It's now working

[MeetBhingradiya]

@JanDeDobbeleer can you lock this conversation so unnecessary comments can't confuse other users.