Skip to content

arg387/vscode-json

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 

Repository files navigation

Repository Changes Summary 🎉 🎉

GitHub last commit GitHub watchers visitors

Workbench Configuration

  • window title edit option is added. You can add your name there with emoji's if you want. Just edit part inside quotation "🫡 Hello User This is ${dirty}${activeFolderShort} folder" . Don't edit the part inside ${}.

Editor Configuration

  • The glyph margin has been disabled.
  • Code folding enabling and disabling option added.
  • Trim whitespace differences are ignored.
  • Unchanged regions in diff editor are hidden.

Comments have been customized with specific font styles and colors.

  • General comment styles have been set to italic and bold with a specific foreground color.
  • Source code elements (Java, CSS, JS, C, C++, HTML, Python) have been styled to be italic.
  • Punctuation definitions within comments have been set to a bold font style with a distinct foreground color.

some extension settings are edited here

  • Custom CSS and JS loader
  • Dracula theme official
  • live server
  • CodeSnap

How to use

First, Ensure dracula theme is installed and enabled(enable normal one not the dracula soft theme). Download the whole file from repository first. First copy the code of settings.json file . Open vscode and press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS. Type Preferences: Open User Settings(JSON) and press enter. Now paste the codes of the json file and save it. Install Custom CSS and JS loader from extension market. Now add the file location of the css file and the svg file in the settings.json file and css file respectively according to the pattern shown in the json file and css file of the downloaded zip file. Then, again press press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS and type Enable Custom CSS and JS . After that press enter. Then press restart button which is shown in the bottom right of the vscode editor(check the notification panel there). Now all the changes will be reflected unless you make a problem in file location. Check the gif for minimal setup to hide the different bars of vscode ui.

Previews


image image

Python with comments

Screenshot 2024-09-06 231742

JS with comments

Screenshot 2024-09-06 233754

HTML

Screenshot 2024-09-06 233457

CSS

  • for violet or other effect shown in the picture use Peacock extension and choose random color from options

Screenshot 2024-09-06 233051

Command Palette

Screenshot 2024-09-06 234035

For Minimal setup change the visibilities according to the instructions

Recording 2024-08-24 143342(1)

About

edited version of vscode settings.json file

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages