DEV Community

Saxode
Saxode

Posted on

4 2

My New New New New New VSCode

Hey there!

I apologize for posting this much

This time I will explain it the best I can (Also with extensions)

Alright so let's start with the **settings.json**

"explorer.openEditors.visible": 0,
"editor.fontFamily": "JetBrains Mono",
"editor.fontSize": 13,
"editor.fontWeight": "300",
"editor.letterSpacing": 1.2,
"editor.lineHeight": 22,
"editor.fontLigatures": true,
"files.autoSave": "afterDelay",
"window.zoomLevel": 0,
"C_Cpp.updateChannel": "Insiders",
"workbench.colorTheme": "One Dark Pro",
"breadcrumbs.enabled": false,
"customizeUI.font.regular": "JetBrains Mono",
"explorer.confirmDelete": false,
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"editor.renderIndentGuides": true, 
"workbench.editor.highlightModifiedTabs": true,
"editor.cursorBlinking": "smooth",
"explorer.sortOrder": "type",
"todo-tree.tree.showScanModeButton": true,
"todo-tree.highlights.enabled": true,
"workbench.statusBar.visible": true,
"todo-tree.tree.autoRefresh": true,
"todo-tree.highlights.defaultHighlight": {
    "type": "text-and-comment"
},
"todo-tree.highlights.customHighlight": {
    "TODO": {
        "foreground": "black",
        "background": "green",
        "iconColour": "green",
        "icon": "check",
        "type": "text"
    },
    "FIXME": {
        "foreground": "black",
        "background": "red",
        "iconColour": "red",
        "icon": "bug"
    },
    "REVIEW": {
        "foreground": "black",
        "background": "cyan",
        "iconColour": "lightblue",
        "icon": "eye"
    },
    "HACK": {
        "foreground": "black",
        "background": "#FFA500",
        "iconColour": "orange",
        "icon": "alert"
    },
    "REF": {
        "foreground": "black",
        "background": "grey",
        "iconColour": "grey",
        "icon": "link",
        "type": "tag"
    },
    "TRY": {
        "foreground": "none",
        "background": "none",
        "iconColour": "#eb8c34",
        "icon": "question",
        "type": "text"
    },
    "INFO": {
        "foreground": "black",
        "background": "yellow",
        "iconColour": "#d1f542",
        "icon": "info",
        "type": "text"
    },
    "TRIES": {
        "foreground": "black",
        "background": "#eb8c34",
        "iconColour": "#eb8c34",
        "icon": "question",
        "type": "text"
    }, 
    "RESULT": {
        "foreground": "black", 
        "background": "#4287f5", 
        "iconColour": "#4287f5", 
        "type": "text"
    }
},
"todo-tree.general.tags": [
    "TODO",
    "FIXME",
    "REVIEW",
    "HACK",
    "REF",
    "TRY",
    "INFO",
    "TRIES", 
    "RESULT"
], 
"open-in-browser.default": "Google Chrome" 

Alright extnsion time

1. Arduino

https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.vscode-arduino
I am an arduino coder so, no wonder
It is pretty nice for Arduino coders

2. C/C++

https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools
This is for C/C++ things,
I installed it but I didn't install my compiler lol
settings.json
"C_Cpp.updateChannel": "Insiders"

3. Customize UI

https://marketplace.visualstudio.com/items?itemName=iocave.customize-ui
I used this tool to change my VSCode whole style
settings.json
"customizeUI.font.regular": "JetBrains Mono"

4. Monkey Patch

https://marketplace.visualstudio.com/items?itemName=iocave.monkey-patch
Well I remember this extension is being installed by another one

5. One Dark Pro

https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
A nice style that looks extremely awesome
settings.json
"workbench.colorTheme": "One Dark Pro"

6. open in browser

https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser
This is an extension for opening your HTML file
settings.json
"open-in-browser.default": "Google Chrome"

7. Python

https://marketplace.visualstudio.com/items?itemName=ms-python.python
I code in Python so nothing to be explained lol

8. Todo Tree

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
This is a really nice tool that I use when I am doing a big project
Especially when I need to write a TODO FIXME.md file
So I use it a lot :P
settings.json

"todo-tree.tree.showScanModeButton": true,

"todo-tree.highlights.enabled": true,
"todo-tree.tree.autoRefresh": true,
"todo-tree.highlights.defaultHighlight": {
    "type": "text-and-comment"
},
"todo-tree.highlights.customHighlight": {
    "TODO": {
        "foreground": "black",
        "background": "green",
        "iconColour": "green",
        "icon": "check",
        "type": "text"
    },
    "FIXME": {
        "foreground": "black",
        "background": "red",
        "iconColour": "red",
        "icon": "bug"
    },
    "REVIEW": {
        "foreground": "black",
        "background": "cyan",
        "iconColour": "lightblue",
        "icon": "eye"
    },
    "HACK": {
        "foreground": "black",
        "background": "#FFA500",
        "iconColour": "orange",
        "icon": "alert"
    },
    "REF": {
        "foreground": "black",
        "background": "grey",
        "iconColour": "grey",
        "icon": "link",
        "type": "tag"
    },
    "TRY": {
        "foreground": "none",
        "background": "none",
        "iconColour": "#eb8c34",
        "icon": "question",
        "type": "text"
    },
    "INFO": {
        "foreground": "black",
        "background": "yellow",
        "iconColour": "#d1f542",
        "icon": "info",
        "type": "text"
    },
    "TRIES": {
        "foreground": "black",
        "background": "#eb8c34",
        "iconColour": "#eb8c34",
        "icon": "question",
        "type": "text"
    }, 
    "RESULT": {
        "foreground": "black", 
        "background": "#4287f5", 
        "iconColour": "#4287f5", 
        "type": "text"
    }
},
"todo-tree.general.tags": [
    "TODO",
    "FIXME",
    "REVIEW",
    "HACK",
    "REF",
    "TRY",
    "INFO",
    "TRIES", 
    "RESULT"
]

And also, the font called JetBrains Mono is from JetBrains, I like this font lol, here's the link https://www.jetbrains.com/lp/mono/

Thank you for reading this long dumb stuff, and hope that I helped you

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs