Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New entry (peacock); beautification entries ordered; move some uncategorized to beautification #397

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

New entry (peacock); beautification entries ordered; move some uncategorized to beautification #397

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
807e161
gitignore excluding all folders starting with dot
saphir-lab Jan 20, 2023
b6d449d
order entries in 'formatting & Beutification'
saphir-lab Jan 20, 2023
de0b2b1
move some uncategorized to beautification section
saphir-lab Jan 20, 2023
5e50493
add peacock
saphir-lab Jan 20, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.*/
129 changes: 68 additions & 61 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,36 +139,38 @@ out <a href="https://github.com/sindresorhus/awesome">awesome</a>.
- [Yo](#yo)
- [Timing](#timing)
- [Formatting & Beautification](#formatting--beautification)
- [Better Align](#better-align)
- [Auto Import](#auto-import)
- [Auto Rename Tag](#auto-rename-tag)
- [beautify](#beautify)
- [html2pug](#html2pug)
- [Better Align](#better-align)
- [Color Highlight](#color-highlight)
- [ECMAScript Quotes Transformer](#ecmascript-quotes-transformer)
- [Formatting Toggle](#formatting-toggle)
- [Indent Rainbow](#indent-rainbow)
- [Output Colorizer](#output-colorizer)
- [Paste and Indent](#paste-and-indent)
- [Peacock](#peacock)
- [shell-format](#shell-format)
- [Sort Lines](#sort-lines)
- [Surround](#surround)
- [Wrap Selection](#wrap-selection)
- [Formatting Toggle](#formatting-toggle)
- [Auto Import](#auto-import)
- [shell-format](#shell-format)
- [Text Marker (Highlighter)](#text-marker-highlighter)
- [Vscode Google Translate](#vscode-google-translate)
- [Wrap Selection](#wrap-selection)
- [Explorer Icons](#explorer-icons)
- [City Lights Icons](#city-lights-icons)
- [VSCode Icons](#vscode-icons)
- [Seti Icons](#seti-icons)
- [Material Icon Theme](#material-icon-theme)
- [Seti Icons](#seti-icons)
- [VSCode Icons](#vscode-icons)
- [Uncategorized](#uncategorized)
- [CodeRoad](#coderoad)
- [Code Runner](#code-runner)
- [Code Time](#code-time)
- [Color Highlight](#color-highlight)
- [Output Colorizer](#output-colorizer)
- [Dash](#dash)
- [Edit with Shell Command](#edit-with-shell-command)
- [Editor Config for VS Code](#editor-config-for-vs-code)
- [ftp-sync](#ftp-sync)
- [Highlight JSX/HTML tags](#highlight-jsxhtml-tags)
- [Indent Rainbow](#indent-rainbow)
- [iTerm2 Theme Sync](#iterm2-theme-sync)
- [Password Generator](#password-generator)
- [PlatformIO](#platformio)
Expand All @@ -180,7 +182,6 @@ out <a href="https://github.com/sindresorhus/awesome">awesome</a>.
- [Spotify](#spotify)
- [SVG](#svg)
- [SVG Viewer](#svg-viewer)
- [Text Marker (Highlighter)](#text-marker-highlighter)
- [ESDOC MDN](#esdoc-mdn)
- [Interface generator](#interface-generator)
- [JFrog](#jfrog)
Expand Down Expand Up @@ -921,13 +922,10 @@ Example of toggling `typescript.inlayHints.functionLikeReturnTypes.enabled` by s

# Formatting & Beautification

## [Better Align](https://marketplace.visualstudio.com/items?itemName=wwm.better-align)

> Align your code by colon(:), assignment(=,+=,-=,*=,/=) and arrow(=>). It has additional support for comma-first coding style and trailing comment.
>
> And it doesn't require you to select what to be aligned, the extension will figure it out by itself.
## [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)
> Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

![Better Align](https://raw.githubusercontent.com/WarWithinMe/better-align/master/images/2.gif)
![Auto import](https://camo.githubusercontent.com/c952445b4a04a9d358be991cc2d830f2a4c0f33b/68747470733a2f2f67696679752e636f6d2f696d616765732f6175746f696d706f72742e676966)

## Auto Rename Tag

Expand All @@ -945,18 +943,57 @@ Example of toggling `typescript.inlayHints.functionLikeReturnTypes.enabled` by s

> Transform html to pug inside your Visual Studio Code, forget about using an external page anymore.

## [Better Align](https://marketplace.visualstudio.com/items?itemName=wwm.better-align)

> Align your code by colon(:), assignment(=,+=,-=,*=,/=) and arrow(=>). It has additional support for comma-first coding style and trailing comment.
>
> And it doesn't require you to select what to be aligned, the extension will figure it out by itself.

![Better Align](https://raw.githubusercontent.com/WarWithinMe/better-align/master/images/2.gif)

## [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)

> Highlight web colors in your editor

![Highlight web colors in your editor screenshot](https://cdn-images-1.medium.com/max/1600/1*ZwE7OHKR5opvDCJJOw9KeQ.png)

## [ECMAScript Quotes Transformer](https://marketplace.visualstudio.com/items?itemName=vilicvane.es-quotes)

> Transform quotes of ECMAScript string literals

![Transform quotes of ECMAScript string literals animation](https://cloud.githubusercontent.com/assets/970430/10563944/4cc04462-75d1-11e5-984b-41e0a21a72c3.gif)

## [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle)

> Allows you to toggle your formatter on and off with a simple click

## [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

> A simple extension to make indentation more readable.

![indent-rainbow](https://raw.githubusercontent.com/oderwat/vscode-indent-rainbow/master/assets/example.png)

## [Output Colorizer](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer)
> Syntax highlighting for the VS Code Output Panel and log files

![IBM.output-colorizer](https://raw.githubusercontent.com/IBM-Bluemix/vscode-log-output-colorizer/master/github-assets/screenshot-1.jpg)

## [Paste and Indent](https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-paste-and-indent)

> Paste code with "correct" indentation

![Indentation of pasted code animation](https://github.com/vikrantnegi/vscode-personal-preference-setting/blob/master/screenshots/pasteandindent.gif)

## [Peacock](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)
> Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.

![Peacock](https://raw.githubusercontent.com/johnpapa/vscode-peacock/main/resources/hero.png)

## [shell-format](https://github.com/foxundermoon/vs-shell-format)
> shell script & Dockerfile & dotenv format

![shell-format](https://raw.githubusercontent.com/foxundermoon/vs-shell-format/master/image/shell_format.gif)

## [Sort Lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)

> Sorts lines of text in specific order
Expand All @@ -967,50 +1004,43 @@ Example of toggling `typescript.inlayHints.functionLikeReturnTypes.enabled` by s

> A simple yet powerful extension to add wrapper templates around your code blocks.

![Wrap a template around a code block](https://raw.githubusercontent.com/yatki/vscode-surround/master/images/demo.gif)

## [Wrap Selection](https://marketplace.visualstudio.com/items?itemName=konstantin.wrapSelection)

> Wraps selection or multiple selections with symbol or multiple symbols
## [Text Marker (Highlighter)](https://marketplace.visualstudio.com/items?itemName=ryu1kn.text-marker)

![Wraps selection or multiple selections with symbol or multiple symbols animation](https://github.com/gko/wrap/blob/master/features.gif)
> Highlight multiple text patterns with different colors at the same time. Highlighting a single text pattern can be done with the editor's search functionality, but it cannot highlight multiple patterns at the same time, and this is where this extension comes handy.

## [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle)
![Text Marker (Highlighter)](https://raw.githubusercontent.com/ryu1kn/vscode-text-marker/master/images/animations/public.gif)

> Allows you to toggle your formatter on and off with a simple click
## [Vscode Google Translate](https://marketplace.visualstudio.com/items?itemName=funkyremi.vscode-google-translate)
> Quickly translate selected text right in your code

## [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)
> Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.
![Vscode Google Translate](https://raw.githubusercontent.com/funkyremi/vscode-google-translate/master/demo.gif)

![Auto import](https://camo.githubusercontent.com/c952445b4a04a9d358be991cc2d830f2a4c0f33b/68747470733a2f2f67696679752e636f6d2f696d616765732f6175746f696d706f72742e676966)

## [shell-format](https://github.com/foxundermoon/vs-shell-format)
> shell script & Dockerfile & dotenv format
![Wrap a template around a code block](https://raw.githubusercontent.com/yatki/vscode-surround/master/images/demo.gif)

![shell-format](https://raw.githubusercontent.com/foxundermoon/vs-shell-format/master/image/shell_format.gif)
## [Wrap Selection](https://marketplace.visualstudio.com/items?itemName=konstantin.wrapSelection)

## [Vscode Google Translate](https://marketplace.visualstudio.com/items?itemName=funkyremi.vscode-google-translate)
> Quickly translate selected text right in your code
> Wraps selection or multiple selections with symbol or multiple symbols

![Vscode Google Translate](https://raw.githubusercontent.com/funkyremi/vscode-google-translate/master/demo.gif)
![Wraps selection or multiple selections with symbol or multiple symbols animation](https://github.com/gko/wrap/blob/master/features.gif)

## Explorer Icons

### [City Lights Icons](https://marketplace.visualstudio.com/items?itemName=Yummygum.city-lights-icon-vsc)

![City Lights Icons](https://raw.githubusercontent.com/yummygum/city-lights-icons-vsc/master/city-lights-icon-preview.gif)

### [VSCode Icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)
### [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

![VSCode Icons](https://raw.githubusercontent.com/vscode-icons/vscode-icons/master/images/screenshot.gif)
![Material Icon Theme](https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/master/images/fileIcons.png)

### [Seti Icons](https://marketplace.visualstudio.com/items?itemName=qinjia.seti-icons)

![Seti Icons](https://raw.githubusercontent.com/hellopao/vscode-seti-icons/master/screenshot.png)

### [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
### [VSCode Icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)

![Material Icon Theme](https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/master/images/fileIcons.png)
![VSCode Icons](https://raw.githubusercontent.com/vscode-icons/vscode-icons/master/images/screenshot.gif)

# Uncategorized

Expand All @@ -1032,17 +1062,6 @@ Example of toggling `typescript.inlayHints.functionLikeReturnTypes.enabled` by s

![Code Time](https://camo.githubusercontent.com/918d2dfc585074f3b20566723f3ab8ce32e9d23e/68747470733a2f2f737764632d7673636f64652e73332d75732d776573742d312e616d617a6f6e6177732e636f6d2f636f64652d74696d652d66656174757265732e706e67)

## [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)

> Highlight web colors in your editor

![Highlight web colors in your editor screenshot](https://cdn-images-1.medium.com/max/1600/1*ZwE7OHKR5opvDCJJOw9KeQ.png)

## [Output Colorizer](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer)
> Syntax highlighting for the VS Code Output Panel and log files

![IBM.output-colorizer](https://raw.githubusercontent.com/IBM-Bluemix/vscode-log-output-colorizer/master/github-assets/screenshot-1.jpg)

## [Dash](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-dash)

> Dash integration in Visual Studio Code
Expand Down Expand Up @@ -1071,12 +1090,6 @@ Example of toggling `typescript.inlayHints.functionLikeReturnTypes.enabled` by s

![](https://camo.githubusercontent.com/010b886fb93f49c56e4c7308ba0a5a1aca8a2db7/68747470733a2f2f692e696d67626f782e636f6d2f4455584c467657372e676966)

## [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

> A simple extension to make indentation more readable.

![indent-rainbow](https://raw.githubusercontent.com/oderwat/vscode-indent-rainbow/master/assets/example.png)

## [iTerm2 Theme Sync](https://marketplace.visualstudio.com/items?itemName=tusaeff.vscode-iterm2-theme-sync)

> Syncs selected VSCode theme with iTerm2 color profile
Expand Down Expand Up @@ -1140,12 +1153,6 @@ Example of toggling `typescript.inlayHints.functionLikeReturnTypes.enabled` by s

![SVG Viewer](https://github.com/cssho/vscode-svgviewer/blob/master/img/preview.png)

## [Text Marker (Highlighter)](https://marketplace.visualstudio.com/items?itemName=ryu1kn.text-marker)

> Highlight multiple text patterns with different colors at the same time. Highlighting a single text pattern can be done with the editor's search functionality, but it cannot highlight multiple patterns at the same time, and this is where this extension comes handy.

![Text Marker (Highlighter)](https://raw.githubusercontent.com/ryu1kn/vscode-text-marker/master/images/animations/public.gif)

## [ESDOC MDN](https://marketplace.visualstudio.com/items?itemName=samundrak.esdoc-mdn)

> Quickly bring up helpful MDN documentation in the editor
Expand Down