VS Code Setup

The VS Code settings I use every day for coding.

Step 1

Download necessary files

Fira-code.zip

Unzip the font's file
Select all the fonts, right click, and click to Install

vsc-extensions.txt

Place this file in downloads
Open the vscode in downloads directory
Install VSC Export & Import extension in vs code.

Step 2

Installing all the extensions

Open Prompt by press the Ctrl + shift + p key
🪟 + ⇧ + P
Enter the text in prompt and press Enter ⏎
Prompt.txt
```
VSC Export & Import
```
Prompt.txt
```
VSC Export & Import
```
All extension will start to install

Step 3

VS Code Settings

Open Prompt by press the Ctrl + shift + p key
🪟 + ⇧ + P
Enter the text in prompt and press Enter ⏎
Prompt.txt
```
Preferences: Open Settings (JSON)
```
Prompt.txt
```
Preferences: Open Settings (JSON)
```

Copy the settings.json from the below window

settings.json

1{
2  "CodeGPT.model": "gpt-4",
3  "vscode-edge-devtools.webhint": false,
4  "editor.linkedEditing": true,
5  "editor.minimap.enabled": false,
6  "cmake.configureOnOpen": true,
7  "code-runner.runInTerminal": true,
8  "code-runner.saveFileBeforeRun": true,
9  "liveServer.settings.donotShowInfoMsg": true,
10  "[html]": {
11    "editor.defaultFormatter": "esbenp.prettier-vscode"
12  },
13  "[css]": {
14    "editor.defaultFormatter": "HookyQR.beautify"
15  },
16  "explorer.confirmDragAndDrop": false,
17  "liveServer.settings.donotVerifyTags": true,
18  "github.copilot.advanced": {},
19  "editor.cursorSmoothCaretAnimation": "on",
20  "editor.cursorBlinking": "smooth",
21  "files.autoSave": "afterDelay",
22  "[javascript]": {
23    "editor.defaultFormatter": "esbenp.prettier-vscode"
24  },
25  "explorer.confirmDelete": false,
26  "editor.stickyScroll.enabled": false,
27  "git.autofetch": true,
28  "git.postCommitCommand": "push",
29  "workbench.iconTheme": "material-icon-theme",
30  
31  // Silence the Noise
32  "breadcrumbs.enabled": false,
33  "editor.hover.enabled": true,
34  "workbench.tips.enabled": false,
35  "editor.colorDecorators": false,
36  "workbench.startupEditor": "none",
37  "editor.lightbulb.enabled": "off",
38  "editor.overviewRulerBorder": false,
39  "editor.renderLineHighlight": "none",
40  "editor.occurrencesHighlight": "off",
41  "problems.decorations.enabled": false,
42  "editor.renderControlCharacters": false,
43  "editor.hideCursorInOverviewRuler": true,
44  "editor.gotoLocation.multipleReferences": "goto",
45  "editor.gotoLocation.multipleDefinitions": "goto",
46  "editor.gotoLocation.multipleDeclarations": "goto",
47  "workbench.editor.enablePreviewFromQuickOpen": false,
48  "editor.gotoLocation.multipleImplementations": "goto",
49  "editor.gotoLocation.multipleTypeDefinitions": "goto",
50
51  "vscode_custom_css.imports": [
52    "file:///E:/vscode/custom-vscode.css",
53    "file:///E:/vscode/custom-vscode-script.js"
54  ],
55
56  "[typescriptreact]": {
57    "editor.defaultFormatter": "esbenp.prettier-vscode"
58  },
59  "editor.fontFamily": ""fira code", Consolas, 'Courier New', monospace",
60  "workbench.statusBar.visible": false,
61  "[javascriptreact]": {
62    "editor.defaultFormatter": "esbenp.prettier-vscode"
63  },
64  "git-auto-pull.watchForChanges": true,
65  "git-auto-pull.pullInterval": 2,
66  "[json]": {
67    "editor.defaultFormatter": "esbenp.prettier-vscode"
68  },
69  "editor.defaultFormatter": "HookyQR.beautify",
70  "editor.formatOnSave": true,
71  "eslint.run": "onSave",
72  "cSpell.userWords": [
73    "autofetch",
74    "Consolas",
75    "donot",
76    "esbenp",
77    "fileupload",
78    "fira",
79    "tabnine",
80    "webhint"
81  ],
82  "workbench.settings.applyToAllProfiles": [
83    "github.copilot.editor.enableAutoCompletions"
84],
85  "emmet.triggerExpansionOnTab": true,
86  "emmet.useInlineCompletions": true,
87"tailwindCSS.emmetCompletions": true,
88"workbench.colorTheme": "Night Owl (No Italics)",
89"editor.wordWrap": "wordWrapColumn",
90"reactSnippets.settings.importReactOnTop": false,
91"[typescript]": {
92  "editor.defaultFormatter": "esbenp.prettier-vscode"
93}
94};

settings.json

1{
2  "CodeGPT.model": "gpt-4",
3  "vscode-edge-devtools.webhint": false,
4  "editor.linkedEditing": true,
5  "editor.minimap.enabled": false,
6  "cmake.configureOnOpen": true,
7  "code-runner.runInTerminal": true,
8  "code-runner.saveFileBeforeRun": true,
9  "liveServer.settings.donotShowInfoMsg": true,
10  "[html]": {
11    "editor.defaultFormatter": "esbenp.prettier-vscode"
12  },
13  "[css]": {
14    "editor.defaultFormatter": "HookyQR.beautify"
15  },
16  "explorer.confirmDragAndDrop": false,
17  "liveServer.settings.donotVerifyTags": true,
18  "github.copilot.advanced": {},
19  "editor.cursorSmoothCaretAnimation": "on",
20  "editor.cursorBlinking": "smooth",
21  "files.autoSave": "afterDelay",
22  "[javascript]": {
23    "editor.defaultFormatter": "esbenp.prettier-vscode"
24  },
25  "explorer.confirmDelete": false,
26  "editor.stickyScroll.enabled": false,
27  "git.autofetch": true,
28  "git.postCommitCommand": "push",
29  "workbench.iconTheme": "material-icon-theme",
30  
31  // Silence the Noise
32  "breadcrumbs.enabled": false,
33  "editor.hover.enabled": true,
34  "workbench.tips.enabled": false,
35  "editor.colorDecorators": false,
36  "workbench.startupEditor": "none",
37  "editor.lightbulb.enabled": "off",
38  "editor.overviewRulerBorder": false,
39  "editor.renderLineHighlight": "none",
40  "editor.occurrencesHighlight": "off",
41  "problems.decorations.enabled": false,
42  "editor.renderControlCharacters": false,
43  "editor.hideCursorInOverviewRuler": true,
44  "editor.gotoLocation.multipleReferences": "goto",
45  "editor.gotoLocation.multipleDefinitions": "goto",
46  "editor.gotoLocation.multipleDeclarations": "goto",
47  "workbench.editor.enablePreviewFromQuickOpen": false,
48  "editor.gotoLocation.multipleImplementations": "goto",
49  "editor.gotoLocation.multipleTypeDefinitions": "goto",
50
51  "vscode_custom_css.imports": [
52    "file:///E:/vscode/custom-vscode.css",
53    "file:///E:/vscode/custom-vscode-script.js"
54  ],
55
56  "[typescriptreact]": {
57    "editor.defaultFormatter": "esbenp.prettier-vscode"
58  },
59  "editor.fontFamily": ""fira code", Consolas, 'Courier New', monospace",
60  "workbench.statusBar.visible": false,
61  "[javascriptreact]": {
62    "editor.defaultFormatter": "esbenp.prettier-vscode"
63  },
64  "git-auto-pull.watchForChanges": true,
65  "git-auto-pull.pullInterval": 2,
66  "[json]": {
67    "editor.defaultFormatter": "esbenp.prettier-vscode"
68  },
69  "editor.defaultFormatter": "HookyQR.beautify",
70  "editor.formatOnSave": true,
71  "eslint.run": "onSave",
72  "cSpell.userWords": [
73    "autofetch",
74    "Consolas",
75    "donot",
76    "esbenp",
77    "fileupload",
78    "fira",
79    "tabnine",
80    "webhint"
81  ],
82  "workbench.settings.applyToAllProfiles": [
83    "github.copilot.editor.enableAutoCompletions"
84],
85  "emmet.triggerExpansionOnTab": true,
86  "emmet.useInlineCompletions": true,
87"tailwindCSS.emmetCompletions": true,
88"workbench.colorTheme": "Night Owl (No Italics)",
89"editor.wordWrap": "wordWrapColumn",
90"reactSnippets.settings.importReactOnTop": false,
91"[typescript]": {
92  "editor.defaultFormatter": "esbenp.prettier-vscode"
93}
94};

Past the code in the settings.json file in vs code
Save the setting.json file 🪟 + s and restart the vscode.
Done! 🚀