Streamlining Dev Workflows

When working on full-stack projects with separate frontend (Vue.js) and backend (C# / .NET) repositories, opening multiple terminal tabs manually can be tedious.

Using PowerShell functions inside your Windows Terminal profile allows you to spin up split-pane environments with a single command.

.ps1 Profile Script Setup

Save the following helper function in your PowerShell profile script ($PROFILE):

function run-backend {
    cd "C:\Users\admin\Documents\Repos\VueWithAsp\VueWithAsp.Server";
    dotnet run;
}

function run-frontend {
    cd "C:\Users\admin\Documents\Repos\VueWithAsp\vuewithasp.client";
    npm run dev;
}

function work {
    wt -w 0 --title "Backend (C#)" --tabColor '#512cd4' PowerShell -c run-backend `; split-pane -H --title "FrontEnd (Vue.js)" --suppressApplicationTitle --tabColor '#8ed4b5' PowerShell -c run-frontend;
}

Running work in PowerShell automatically opens a tab with split horizontal panes, custom tab colors, and launches both dev servers concurrently.

Breakdown

• ; chains sequential commands together.
• --title and --tabColor customize window headers.
• split-pane -H splits the terminal pane horizontally.
• PowerShell -c executes the PowerShell function in the new pane.

Profile Location

Find your PowerShell profile path by running echo $PROFILE in PowerShell.