This repo is a comprehensive setup for a Web development environment, featuring a UI configuration for code editors. The primary goal of this project is to quickly setup a development environment in VS code.
- Ensure you have Visual Studio Code & Git installed.
- Download fonts
- Extract and Install Fonts
- Clone this repo
git clone https://github.com/thewolmer/.vscode.git- change directory into
.vscode
cd .vscode- Run Bash script to download extentions.
./extentions.bash
extentions.bashwill download all the vscode extentions listed in extentions. You can edits to remove or add according to your needs.
- Copy and replace
settings.json
Windows
Copy-Item -Path ".\settings.json" -Destination "$env:APPDATA\Code\User\settings.json" -ForceMacOs
cp "$PWD/settings.json" "$HOME/Library/Application Support/Code/User/settings.json"
Linux
cp "$PWD/settings.json" "$HOME/.config/Code/User/settings.json"✨ You're done!
- Remove
settings.json file⚠️ - You will lose you settings by removingsettings.json.
Windows
del /Q "%APPDATA%\Code\User\settings.json"MacOs
rm ~/.config/Code/User/settings.jsonLinux
rm ~/.config/Code/User/settings.jsonThese settings reflect my personal preferences and may not suit everyone. Feel free to customize them to your liking. If you're unsure how to edit VSCode settings, check out the links in Related Section for guide on editing VSCode settings.
Here are some related resources
- Blog - VS Code settings you should customize
- Blog - User and Workspace Settings
- Youtube - How to Customize Visual Studio Code Settings.json
- Theme: Gruvbox Dark Hard
- Icons: Material Icon Theme
- Advanced UI Customizations: Apc Customize UI++
For support, reach out Links.
