Skip to content

Developer uses

Updated: at 12:16 PM

While I’m writing this article I’m listening to this playlist that I think really cool:

I’m currently using Windows 11, because I like playing games on my computer, so I invested in a Windows computer to have more support for games.

If you don’t see my setup you can see in this page.

Another software that I use to solve the noise problem with my microphone is NVIDIA® Broadcast, if you have NVIDIA® video cards, I highly recommend it.

Other piece of software that many people may already know, but which is also worth recommending here, is LightShot which is used to take prints.

Table of contents

Open Table of contents

Coding

My vscode configs
  1. settings.json
{
  // "typescript.tsdk": "node_modules/.pnpm/typescript@5.0.4/node_modules/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "never",
    "source.fixAll": "explicit"
  },
  "eslint.enable": true,
  "eslint.format.enable": true,
  "editor.formatOnSave": true,
  "editor.fontFamily": "SpaceMono Nerd Font",
  "json.format.enable": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[mdx]": {
    "editor.defaultFormatter": "unifiedjs.vscode-mdx"
  },
  "[snippets]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[astro]": {
    "editor.defaultFormatter": "astro-build.astro-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "files.exclude": {
    ".next": false
  },
  "typescript.tsdk": "node_modules/typescript/lib",
  "cSpell.words": ["Dâmocles", "Marçal"]
}
  1. keybindings.json
[
  {
    "key": "ctrl+shift+s",
    "command": "saveAll"
  },
  {
    "key": "ctrl+k s",
    "command": "-saveAll"
  }
]
  1. damoclesgil.code-snippets
{
  "Frontmatter": {
    "scope": "markdown",
    "prefix": "frontmatter",
    "body": [
      "---",
      "author: $1",
      "pubDatetime: $CURRENT_YEAR-$CURRENT_MONTH-${CURRENT_DATE}T$CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND.000$CURRENT_TIMEZONE_OFFSET",
      "modDatetime: $3",
      "title: $4",
      "featured: ${5|false,true|}",
      "draft: ${6|true,false|}",
      "tags:",
      "  - $7",
      "description: $8",
      "---"
    ],
    "description": "Adds the frontmatter block for the AstroPaper Blog post"
  },
  "Blog Template": {
    "scope": "markdown",
    "prefix": "template",
    "body": [
      "${1:frontmatter}",
      "",
      "${2: Introductory Sentence}",
      "",
      "## Table of contents",
      "",
      "## ${3: heading 1}"
    ],
    "description": "Adds the template for the AstroPaper Blog post. You will need to trigger the snippet modal on the 'frontmatter' line to insert the other snipper."
  },
  "damoclesgilName": {
    "prefix": "dg",
    "body": ["Dâmocles Gil Marçal $1"],
    "description": "My name"
  },
  "ParagraphWithBlockOfCode": {
    "prefix": "###",
    "body": [
      "",
      "### ${1}",
      "",
      "${2}",
      "",
      "```javascript",
      "${3}",
      "```",
      ""
    ],
    "description": "Item Post with block of code",
    "scope": "markdown"
  }
}

Fonts I like

  "editor.fontFamily": "FiraMono Nerd Font",
  "editor.fontFamily": "SpaceMono Nerd Font",
  "editor.fontFamily": "FiraCode Nerd Font",
  "editor.fontFamily": "Operator Mono Lig", // Corrent i used this font with this theme => Palenight Theme
  "editor.fontFamily": "AnonymicePro Nerd Font",
  "editor.fontFamily": "Inconsolata Nerd Font Mono",
  "workbench.colorTheme": "Palenight Operator",

Operator Mono Font

Setup VSCode

  1. First you need to install the extension vscode-custom-css: https://github.com/be5invis/vscode-custom-css.
  2. Enable the extension
  3. Open your settings.json file and add the following:
 ...
   "editor.fontFamily": "Fira Code", \\ You can specify a different base font here
   "editor.fontSize": 14,
   "editor.fontLigatures": true,
   "vscode_custom_css.imports": [
       "file:///<file_location>/vscode_style.css"
   ],
   "vscode_custom_css.policy": true
  1. Open Command Pallet and run “Reload Custom CSS and JS”
  2. Reload VSCode
  3. Enjoy!

VSCODE Extensions

Terminal

My terminal ConfigsTheme Windows VSCODE

How to install oh my posh

Set-ExecutionPolicy RemoteSigned
winget install JanDeDobbeleer.OhMyPosh -s winget

oh-my-posh init pwsh --config ~/jandedobbeleer.omp.json | Invoke-Expression

New-Item -Path $PROFILE -Type File -Force

Install-Module PSReadLine -Force

Set-PSReadLineOption -PredictionSource History
Set-PSReadLineOption -PredictionViewStyle ListView

After that it will create a file in the folder C:\Users\usuario\Documents\WindowsPowerShell\Microsoft.PowerShell_profile.ps1

Then just open this file and add the theme you want:

My Custom file Microsoft.PowerShell_profile.ps1

& ([ScriptBlock]::Create((oh-my-posh init pwsh --config "C:\Users\usuario\Documents\WindowsPowerShell\my-themes\damocles-gil.omp.json" --print) -join "`n"))

Function loryPath {Set-Location -Path C:\Users\usuario\Documents\Desenvolvimento\front-loryartcroche}
Function loryApiPath {Set-Location -Path C:\Users\usuario\Documents\Desenvolvimento\api-loryartcroche}
Function folhaPath {Set-Location -Path C:\Users\usuario\Documents\Calculato\folha-frontend}
Function empregadorPath {Set-Location -Path C:\Users\usuario\Documents\Calculato\empregador-frontend}
Function damoclesgilwebsitePath {Set-Location -Path C:\Users\usuario\Documents\Desenvolvimento\damoclesgil.com.br}
Function ohMyPoshThemesPath {Set-Location -Path C:\Users\usuario\AppData\Local\Programs\oh-my-posh\themes}
Function removeNodeModulesFolder {Remove-Item .\node_modules\}
Function openExplorerFolder {explorer.exe .}
Function devPath {npm run dev}

Set-Alias -Name lory -Value loryPath
Set-Alias -Name loryapi -Value loryApiPath
Set-Alias -Name damoclesgil.com.br -Value damoclesgilwebsitePath
Set-Alias -Name folha -Value folhaPath
Set-Alias -Name empregador -Value empregadorPath
Set-Alias -Name rmNodeModules -Value removeNodeModulesFolder
Set-Alias -Name open -Value openExplorerFolder
Set-Alias -Name dev -Value devPath
Set-PSReadLineOption -PredictionSource History
Set-PSReadLineOption -PredictionViewStyle ListView

Then install the font to make the icons work with the terminal in administrator mode.

oh-my-posh font install

My custom theme oh-my-posh damocles-gil.omp.json

{
  "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
  "blocks": [
    {
      "alignment": "left",
      "segments": [
        {
          "foreground": "#005CFF",
          "properties": {
            "style": "folder"
          },
          "style": "plain",
          "template": "{{ .Path }} ",
          "type": "path"
        },
        {
          "foreground": "#F141A8",
          "properties": {
            "branch_icon": "\ue0a0 "
          },
          "style": "plain",
          "template": "<#F3EFF5>|</> {{ .HEAD }}{{if .BranchStatus }} {{ .BranchStatus }}{{ end }}{{ if .Working.Changed }} \uf044 {{ .Working.String }}{{ end }}{{ if and (.Working.Changed) (.Staging.Changed) }} |{{ end }}{{ if .Staging.Changed }} \uf046 {{ .Staging.String }}{{ end }} ",
          "type": "git"
        },

        {
          "foreground": "#026e00",
          "properties": {
            "fetch_version": true
          },
          "style": "plain",
          "template": "<#F3EFF5>|</> \ue718 {{ .Full }} ",
          "type": "node"
        }
      ],
      "type": "prompt"
    },
    {
      "alignment": "left",
      "newline": true,
      "segments": [
        {
          "foreground": "#FFE45E",
          "style": "plain",
          "template": "\u276f ",
          "type": "text"
        }
      ],
      "type": "prompt"
    }
  ],
  "version": 2
}
  1. settings.json Windows Terminal
{
  "copyFormatting": "none",
  "copyOnSelect": false,
  "defaultProfile": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",
  "language": "pt-BR",
  "launchMode": "default",
  "newTabMenu": [
    {
      "type": "remainingProfiles"
    }
  ],
  "profiles": {
    "defaults": {
      "colorScheme": "Ayu Mirage"
    },
    "list": [
      {
        "adjustIndistinguishableColors": "always",
        "font": {
          "face": "FiraCode Nerd Font Mono",
          "size": 11.0
        },
        "commandline": "%SystemRoot%\\System32\\WindowsPowerShell\\v1.0\\powershell.exe -nologo",
        "guid": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",
        "hidden": false,
        "intenseTextStyle": "all",
        "name": "damoclesgil",
        "opacity": 80,
        "experimental.retroTerminalEffect": false,
        "suppressApplicationTitle": true,
        "antialiasingMode": "grayscale",
        "colorScheme": "Ayu Mirage",
        "startingDirectory": "D:\\",
        "tabTitle": "Dâmocles Gil",
        "useAcrylic": true
      }
    ]
  },
  "schemes": [
    {
      "name": "Ayu Mirage",
      "background": "#1F2430",
      "black": "#191E2A",
      "blue": "#6DCBFA",
      "brightBlack": "#686868",
      "brightBlue": "#73D0FF",
      "brightCyan": "#95E6CB",
      "brightGreen": "#BAE67E",
      "brightPurple": "#D4BFFF",
      "brightRed": "#F28779",
      "brightWhite": "#FFFFFF",
      "brightYellow": "#FFD580",
      "cursorColor": "#FFCC66",
      "cyan": "#90E1C6",
      "foreground": "#CBCCC6",
      "green": "#A6CC70",
      "purple": "#CFBAFA",
      "red": "#ED8274",
      "selectionBackground": "#33415E",
      "white": "#C7C7C7",
      "yellow": "#FAD07B"
    }
  ],
  "tabWidthMode": "equal",
  "themes": ["dark"],
  "useAcrylicInTabRow": true,
  "windowingBehavior": "useAnyExisting"
}

Other APPs

Audio

Browser

Other Tips

My configs shortcuts with keyboard: K68 2.4G Bluetooth/Wireless Ziyoulang

Power Toys Configs Keyboard

Install npm after install node

 npm install -g npm
 npm install -g npm-check-updates

Update libraries with ncu

ncu -u
npm i

Git Config list

git config --global --edit
git config --global core.editor "code"
git config --global user.name damoclesgil
git config --global user.email damoclesgil@gmail.com