Time saving and productivity boosting extensions for @code
A Thread š§µš
- Auto Rename Tag
Automatically rename paired HTML/XML tag.
When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag
marketplace.visualstudio.com/items?itemNameā¦
- Fix Irregular Whitespace
It works by replacing all non breaking space from your code with a normal space.
this extension save a lot of time, some times we couldn't even identify if this space exists.
marketplace.visualstudio.com/items?itemNameā¦
- advanced-new-file
Create files anywhere in your workspace from the keyboard
marketplace.visualstudio.com/items?itemNameā¦
- Auto Import - ES6, TS, JSX, TSX
Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript and TypeScript.
marketplace.visualstudio.com/items?itemNameā¦
- npm Intellisense
Autocompletes npm modules in import statements
marketplace.visualstudio.com/items?itemNameā¦
- Placeholder Images
Generate and insert placeholder images into your HTML
marketplace.visualstudio.com/items?itemNameā¦
- Polacode
Create beautiful snippets of your code
marketplace.visualstudio.com/items?itemNameā¦
- SFTP
SFTP/FTP sync between your editor and server
marketplace.visualstudio.com/items?itemNameā¦
- Sublime Text Keymap and Settings Importer
Are you from Sublime? try this.
Import Sublime Text settings and keybindings into VS Code.
marketplace.visualstudio.com/items?itemNameā¦
- Svg Preview
Preview for SVG files with out leaving your editor
marketplace.visualstudio.com/items?itemNameā¦
- Template String Converter
Converts quotes to backticks when a $ and { are entered within quotes in JavaScript and TypeScript files
marketplace.visualstudio.com/items?itemNameā¦
- Todo Tree
Show TODO, FIXME, etc. comment tags in a tree view, also highlight within code.
We can add specific keywords too.
marketplace.visualstudio.com/items?itemNameā¦
- Todo+
Manage todo lists with ease. Powerful, easy to use and customizable.
marketplace.visualstudio.com/items?itemNameā¦
- vscode-faker
Generate fake data inside Visual Studio Code. Fake data is based on Faker.
Fake data you can generate:
* address
* commerce
* company
* database
* date
* finance
* hacker
* image
* internet
* lorem
* name
* phone
* random
* system
marketplace.visualstudio.com/items?itemNameā¦
- vscode-pdf
Preview PDF file without leaving the editor
marketplace.visualstudio.com/items?itemNameā¦
- Bracket Pair Colorizer
This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
marketplace.visualstudio.com/items?itemNameā¦
- Regex Previewer
Test regular expressions directly in the editor for JavaScript, TypeScript, PHP and Haxe
marketplace.visualstudio.com/items?itemNameā¦
- Tinkerwell
Run Tinkerwell (@Tinkerwellapp) in VSCode
NOTE: In order for this plugin to work, you need a valid Tinkerwell license.
You can get the license here tinkerwell.app
marketplace.visualstudio.com/items?itemNameā¦
- Code Spell Checker
Spelling checker for source code
**I would recommend this for everyone**
marketplace.visualstudio.com/items?itemNameā¦
- Import Cost
Display import/require package size in the editor
marketplace.visualstudio.com/items?itemNameā¦
- Live Server
Launch a development local Server with live reload feature for static & dynamic pages
marketplace.visualstudio.com/items?itemNameā¦
If you find these extensions helpful, retweet this to reach more people. #HappyCoding
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.