<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[AbhavThakur]]></title><description><![CDATA[AbhavThakur]]></description><link>https://abhav.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Thu, 17 Sep 2026 15:39:19 GMT</lastBuildDate><atom:link href="https://abhav.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[How to make VS Code work best, look best and improve productivity for you.]]></title><description><![CDATA[VS Code for React Native, ReactJS Developers.
Extensions

Prettier

Eslint

Project Dashboard

VS Code Color Picker

Color Highlight


Settings for MAC and Windows user .
{
  "extensions.ignoreRecommendations": false,
  "diffEditor.ignoreTrimWhitespa...]]></description><link>https://abhav.hashnode.dev/how-to-make-vs-code-work-best-look-best-and-improve-productivity-for-you</link><guid isPermaLink="true">https://abhav.hashnode.dev/how-to-make-vs-code-work-best-look-best-and-improve-productivity-for-you</guid><category><![CDATA[React]]></category><category><![CDATA[vscode extensions]]></category><dc:creator><![CDATA[Abhav Thakur]]></dc:creator><pubDate>Sun, 16 Oct 2022 09:34:53 GMT</pubDate><content:encoded><![CDATA[<h1 id="heading-vs-code-for-react-native-reactjs-developers">VS Code for React Native, ReactJS Developers.</h1>
<h2 id="heading-extensions">Extensions</h2>
<ol>
<li><p>Prettier</p>
</li>
<li><p>Eslint</p>
</li>
<li><p>Project Dashboard</p>
</li>
<li><p>VS Code Color Picker</p>
</li>
<li><p>Color Highlight</p>
</li>
</ol>
<h2 id="heading-settings-for-mac-and-windows-user">Settings for MAC and Windows user .</h2>
<pre><code class="lang-plaintext">{
  "extensions.ignoreRecommendations": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.accessibilitySupport": "off",
  "editor.largeFileOptimizations": true,
  "editor.acceptSuggestionOnCommitCharacter": true,
  "editor.tokenColorCustomizations": {
    "comments": "#76e9ce",
    "[Monokai Pro (Filter Octagon)]": {
      "comments": "#FF0000"
    },
    "[Monokai Pro (Filter Machine)]": {
      "comments": "#ff0000",
      "textMateRules": [
        {
          "scope": "INSERT_SCOPE_HERE",
          "settings": {
            "foreground": "#ff0000"
          }
        }
      ]
    },
    "[Cobalt2]": {
      "textMateRules": [
        {
          "scope": [
            "comment.block",
            "punctuation.definition.comment.end",
            "punctuation.definition.comment.begin"
          ],
          "settings": {
            "foreground": "#85b3f8",
            "fontStyle": "bold"
          }
        },
        {
          "scope": [
            "comment.block.documentation",
            "punctuation.definition.comment.begin.documentation",
            "punctuation.definition.comment.end.documentation"
          ],
          "settings": {
            "foreground": "#6bddb7",
            "fontStyle": "bold"
          }
        },
        {
          "scope": [
            "comment.line",
            "punctuation.definition.comment"
          ],
          "settings": {
            "foreground": "#FF0000",
            "fontStyle": "bold"
          }
        }
      ]
    }
  },
  // "editor.suggestOnTriggerCharacters": true,
  "editor.suggest.localityBonus": true,
  "editor.wordBasedSuggestions": true,
  "editor.parameterHints.enabled": true,
  "editor.tabCompletion": "on",
  "[typescript]": {
    "editor.parameterHints.enabled": true
  },
  "editor.mouseWheelZoom": true,
  "editor.suggestSelection": "first",
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.guides.bracketPairsHorizontal": true,
  "typescript.autoClosingTags": true,
  //for path
  "typescript.suggest.paths": true,
  "javascript.suggest.paths": true,
  //For auto imports
  "typescript.suggest.autoImports": true,
  "javascript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "workbench.tree.indent": 10,
  "explorer.fileNesting.enabled": true,
  "customizeUI.listRowHeight": 36,
  "explorer.fileNesting.patterns": {
    "*.tsx": "$(capture).module.css, $(capture).module.scss, $(capture).stories.tsx, $(capture).stories.mdx, $(capture).test.ts, $(capture).test.tsx, $(capture).spec.ts",
    "*.jsx": "$(capture).module.css, $(capture).module.scss, $(capture).stories.jsx, $(capture).stories.mdx, $(capture).test.js, $(capture).test.jsx, $(capture).spec.js",
    "*.ts": "$(capture).module.css, $(capture).module.scss, $(capture).stories.tsx, $(capture).stories.mdx, $(capture).test.ts, $(capture).spec.ts",
    "*.js": "$(capture).module.css, $(capture).module.scss, $(capture).stories.jsx, $(capture).stories.mdx, $(capture).test.js, $(capture).spec.js"
  },
  "editor.linkedEditing": true,
  "react-native.packager.port": 19001,
  "workbench.editor.highlightModifiedTabs": true,
  "workbench.localHistory.enabled": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "prettier.endOfLine": "auto",
  "eslint.format.enable": true,
  "autoimport.showNotifications": true,
  "color-highlight.matchWords": true,
  "editor.bracketPairColorization.enabled": true,
  "git.autofetch": true,
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "tabnine.experimentalAutoImports": true,
  "editor.fontFamily": "JetBrains Mono,Menlo for Powerline",
  "editor.fontLigatures": true,
  // "editor.fontFamily": "\"Fira Code\",Consolas, 'Courier New', monospace",
  "workbench.editor.decorations.badges": true,
  "workbench.editor.decorations.colors": true,
  "search.mode": "view",
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "**/env": true,
    "**/venv": true,
    "yarn.lock": true,
    "package-lock.json": true,
  },
  //exludes fies &amp; folders for watcher service
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/env/**": true,
    "**/venv/**": true,
    "env-*": true
  },
  "workbench.editor.wrapTabs": true,
  "terminal.explorerKind": "external",
  "terminal.integrated.shellIntegration.enabled": true,
  "editor.minimap.side": "left",
  "workbench.sideBar.location": "right",
  "window.title": "${dirty}${activeEditorShort}${separator}${rootPath}${rootName}${separator}${appName}",
  "editor.rulers": [
    120
  ],
  "markdown.preview.typographer": true,
  "terminal.integrated.tabs.enabled": true,
  "files.associations": {
    "*.tsx": "typescriptreact"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  "terminal.integrated.profiles.windows": {
    "C:\\Program Files\\PowerShell\\7\\pwsh.exe (migrated)": {
      "path": "C:\\Program Files\\PowerShell\\7\\pwsh.exe",
      "args": []
    }
  },
  "workbench.preferredDarkColorTheme": "Cobalt2",
  "workbench.editor.autoLockGroups": {
    "vscode.markdown.preview.editor": true
  },
  "editor.guides.bracketPairs": true,
  "turboConsoleLog.addSemicolonInTheEnd": true,
  "turboConsoleLog.logMessagePrefix": "🚀👨🏻‍💻👍",
  "workbench.iconTheme": "material-icon-theme",
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "eslint.alwaysShowStatus": true,
  "workbench.startupEditor": "readme",
  "editor.cursorBlinking": "expand",
  "files.defaultLanguage": "${activeEditorLanguage}",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "dashboard.projectData": null,
  "editor.wordWrap": "on",
  "material-icon-theme.folders.color": "#42a5f5",
  "files.trimTrailingWhitespace": true,
  "terminal.integrated.cursorBlinking": true,
  "todo-tree.highlights.defaultHighlight": {
    "icon": "clippy",
    "type": "text",
    "foreground": "#dc143c",
    "background": "#fff",
    "opacity": 50,
    "iconColour": "#006400",
    "gutterIcon": true
  },
  "todo-tree.highlights.customHighlight": {
    "TODO": {
      "icon": "pencil",
      "iconColour": "#00ffdd",
      "type": "text",
      "foreground": "#3b0b05",
      "background": "#00ffff"
    },
    "FIXME": {
      "icon": "alert",
      "foreground": "#000",
      "iconColour": "#ffff00"
    },
    "BUG": {
      "foreground": "#080808",
      "background": "#ff0000",
      "iconColour": "#ff0000"
    },
    "NOTE": {
      "icon": "note",
      "foreground": "#efff0a",
      "background": "#9900ff",
      "iconColour": "#ff00ea"
    },
    "COMMENT": {
      "icon": "comment",
      "foreground": "#380634",
      "background": "#0FFF50",
      "iconColour": "#09f328"
    },
    "TITLE": {
      "icon": "workflow",
      "foreground": "#000000",
      "background": "#00fabb",
      "iconColour": "#09f399"
    }
  },
  "todo-tree.general.tags": [
    "BUG",
    "FIXME",
    "TODO",
    "NOTE",
    "COMMENT",
    "TITLE"
  ],
  "better-comments.highlightPlainText": false,
  "better-comments.multilineComments": true,
  "better-comments.tags": [
    {
      "tag": "!",
      "color": "#00fdee",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": true,
      "italic": false
    },
    {
      "tag": "?",
      "color": "yellow",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "//",
      "color": "#474747",
      "strikethrough": true,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "todo",
      "color": "#FF8C00",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "*",
      "color": "#98C379",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    }
  ],
  "prettier.singleQuote": true,
  "reactSnippets.settings.prettierEnabled": true,
  "material-icon-theme.folders.theme": "specific",
  "thunder-client.codeSnippetLanguage": "cs-httpclient",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "editor.inlineSuggest.enabled": true,
  "terminal.integrated.copyOnSelection": true,
  "material-icon-theme.activeIconPack": "react",
  "audioCues.lineHasWarning": "auto",
  "workbench.editor.historyBasedLanguageDetection": true,
  "settingsSync.ignoredSettings": [
    "-eslint.nodePath",
    "-window.zoomLevel"
  ],
  "highlight-matching-tag.styles": {
    "opening": {
      "name": {
        "underline": "purple",
        "highlight": "purple"
      },
      "left": {
        "custom": {
          "borderWidth": "0 0 0 3px",
          "borderStyle": "solid",
          "borderColor": "white",
          "borderRadius": "5px",
          "overviewRulerColor": "white"
        }
      },
      "right": {
        "custom": {
          "borderWidth": "0 2px 0 0",
          "borderStyle": "solid",
          "borderColor": "white",
          "borderRadius": "5px",
          "overviewRulerColor": "white"
        }
      }
    }
  },
  "codiga.api.token": "0000-0000-2943f462-ac9f-4105-9de3-3e4aaab2bac2",
  "css.format.spaceAroundSelectorSeparator": true,
  "css.format.enable": true,
  "files.autoSave": "onFocusChange",
  "editor.fontWeight": "normal",
  "typescript.disableAutomaticTypeAcquisition": true,
  "thunder-client.htmlView": "Preview",
  "editor.quickSuggestions": {
    "other": "inline",
    "comments": "on",
    "strings": "on"
  },
  "vsintellicode.sql.completionsEnabled": false,
  "vsintellicode.python.completionsEnabled": false,
  "marquee.configuration.workspaceLaunch": false,
  "marquee.widgets.projects.workspaceFilter": "",
  "marquee.widgets.projects.openProjectInNewWindow": false,
  "marquee.widgets.github.language": "",
  "marquee.widgets.github.spoken": "",
  "marquee.widgets.github.trendFilter": "",
  "marquee.widgets.weather.city": "Nahan",
  "marquee.widgets.todo.todoFilter": "",
  "marquee.widgets.todo.hide": false,
  "marquee.widgets.todo.showArchived": false,
  "marquee.widgets.weather.scale": "Celsius",
  "marquee.configuration.proxy": "",
  "errorLens.enabledDiagnosticLevels": [
    "error",
    "info"
  ],
  "explorer.compactFolders": false,
  "git.mergeEditor": true,
  "debug.console.acceptSuggestionOnEnter": "on",
  "editor.wordBasedSuggestionsMode": "allDocuments",
  "editor.stickyScroll.enabled": true,
  // EXPO TOOLS
  "json.schemas": [
    {
      "name": "vscode-expo-manifest",
      "url": "file:///Users/amanhimself/Library/Application%20Support/Code/User/globalStorage/bycedric.vscode-expo/manifest-45.0.0.json",
      "fileMatch": [
        "app.json",
        "app.config.json"
      ]
    }
  ],
  // "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.external.osxExec": "iTerm.app",
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.fontSize": 12,
  "terminal.integrated.fontFamily": "MesloLGS NF,Menlo for Powerline",
  "terminal.integrated.lineHeight": 1.3,
  "terminal.integrated.cursorStyle": "line",
  "workbench.colorCustomizations": {
    "terminal.background": "#252525",
    "terminal.foreground": "#00b8f6",
    "terminal.ansiBlack": "#000000",
    "terminal.ansiBrightBlack": "#414141",
    "terminal.ansiBlue": "#bceafa",
    "terminal.ansiBrightBlue": "#77dcff",
    "terminal.ansiCyan": "#a3e9d4",
    "terminal.ansiBrightCyan": "#a3e9d5",
    "terminal.ansiGreen": "#68f400",
    "terminal.ansiBrightGreen": "#dcf152",
    "terminal.ansiMagenta": "#f58a8d",
    "terminal.ansiBrightMagenta": "#ffb4b8",
    "terminal.ansiRed": "#ff4c41",
    "terminal.ansiBrightRed": "#ff7c77",
    "terminal.ansiWhite": "#ffffff",
    "terminal.ansiBrightWhite": "#ffffff",
    "terminal.ansiYellow": "#ffe100",
    "terminal.ansiBrightYellow": "#fff68b",
  },
  "editor.unicodeHighlight.allowedLocales": {
    "es": true
  },
  "editor.fontSize": 13,
  "tabnine.debounceMilliseconds": 0.2,
  "[xml]": {
    "editor.defaultFormatter": "DotJoshJohnson.xml"
  },
  "markdown.occurrencesHighlight.enabled": true,
  "markdown.extension.print.onFileSave": true,
  "workbench.editorAssociations": {
    "*.png": "imagePreview.previewEditor"
  },
  "workbench.colorTheme": "Monokai Pro (Filter Machine)",
  "[dart]": {
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.rulers": [
      80
    ],
    "editor.selectionHighlight": false,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggestSelection": "first",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordBasedSuggestions": false
  },
  "cSpell.userWords": [
    "abhav",
    "autoimport",
    "bootsplash",
    "codegen",
    "datepicker",
    "favourite",
    "favourites",
    "fbsdk",
    "gradlew",
    "keychain",
    "Monokai",
    "mychat",
    "onesignal",
    "SIGNIN",
    "SIGNUP",
    "socketio"
  ],
  "textmarker.commandsOnContextMenu": {
    "toggleCaseSensitivity": true,
    "toggleWholeMatch": true,
    "clearAllHighlight": true
  },
  "textmarker.enableTelemetry": false,
  "textmarker.autoSelectDistinctiveTextColor": true
}
</code></pre>
]]></content:encoded></item></channel></rss>