VSCode

Extensões:

Beautify
Better Comments
Code Runner
HTML Snippets
ident-rainbow
Live HTML & JS Previewer v2
Live Server
Material Icon Theme
Node.js Modules Intellisense
PostgreSQL
Punk Dark Theme
Tailwind CSS IntelliSense
Visual Studio IntelliCode



Settings json:

{
    // Settings for vscode appearance
    "workbench.startupEditor": "newUntitledFile",
    "workbench.iconTheme": "material-icon-theme",
    "window.zoomLevel": 0,
    // "editor.fontFamily": "Fira Code",
    "editor.fontSize": 14,
    "editor.lineHeight": 23,
    "editor.fontFamily": "Menlo, 'DejaVu Sans Mono', Consolas, 'Lucida Console', monospace",
    "editor.minimap.enabled": false,
    "editor.renderLineHighlight": "none",
    "workbench.colorTheme": "Punk Dark Theme",

    // Setting to open each file in an individual tab.
    "workbench.editor.enablePreview": false,

    // Postgresql config
    "sqltools.connections": [
        {
            "connectionTimeout": 30,
            "database": "uolqwksy",
            "dialect": "PostgreSQL",
            "name": "anomalias",
            "password": "w7mjvpIuoQzRW7652GjIrSmWWh1sJ68Z",
            "port": 5432,
            "server": "tuffi.db.elephantsql.com",
            "username": "uolqwksy"
        }
    ],

    // Editor suggestion
    "editor.suggestSelection": "first",

    // VSCode autocomplete
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",

    // Settings LiveServer
    "liveServer.settings.donotShowInfoMsg": true,

    // Vertical line for coding breaking
    // "editor.rulers": [80, 120]

    // Scans builtin modules as well
    "node-module-intellisense.scanBuiltinModules": true,

    // Scans devDependencies as well
    "node-module-intellisense.scanDevDependencies": true,

    // Scans file modules as well
    "node-module-intellisense.scanFileModules": true,

    /**
    * Scans alternative module paths (eg. Search on ${workspcaceRoot}/lib).
    * Useful when using packages like (https://www.npmjs.com/package/app-module-path) to manage require paths folder.
    **/
    "node-module-intellisense.modulePaths": [],

    // Tailwindcss autocomplete
    "tailwindCSS.emmetCompletions": true,
    "liveServer.settings.donotVerifyTags": true,
    "explorer.compactFolders": false,
}