Go online to see the image

Welcome to part 3

If you want to install the extensions shown here, you can write the extension name on VScode extensions:marketplace

#21 Insert-unicode

This is an extension for Visual Studio Code which adds commands for inserting Unicode characters/codes and Emoji.

The commands can be executed via the command palette (View > Command Palette…/ Ctrl + Shift + P) or bound to keyboard shortcuts.

No longer waste time looking at unicode tables online to get what you need

#22 Gitlens

GitLens simply helps you better understand code. Quickly glimpse into whom, why, and when a line or code block was changed. Jump back through history to gain further insights as to how and why the code evolved. Effortlessly explore the history and evolution of a codebase.

GitLens is powerful, feature rich, and highly customizable to meet your needs.

This is quite useful when you are learning a new codebase or revisiting your own repos. All the information is now available on VSCode.

#23 Autoclose tags

After typing in the closing bracket of the opening tag, the closing tag will be inserted automatically.

Features

• Automatically add closing tag when you type in the closing bracket of the opening tag
• After closing tag is inserted, the cursor is between the opening and closing tag
• Set the tag list that would not be auto closed
• Automatically close self-closing tag
• Support auto close tag as Sublime Text 3
• Use Keyboard Shortcut or Command Palette to add close tag manually

#24 Autorename tags

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag

This is useful when you don’t remember if a tag is void or not and will made you avoid easy mistakes for not closing the tag.

#25 Vscode Python

A Visual Studio Code extension with rich support for the Python language (for all actively supported versions of the language: >=3.6), including features such as IntelliSense (Pylance), linting, debugging, code navigation, code formatting, refactoring, variable explorer, test explorer, and more!

Features

• IntelliSense : Edit your code with auto-completion, code navigation, syntax checking and more

• Linting : Get additional code analysis with Pylint, Flake8 and more

• Code formatting : Format your code with black, autopep or yapf

• Debugging : Debug your Python scripts, web apps, remote or multi-threaded processes

• Testing : Run and debug tests through the Test Explorer with unittest, pytest or nose

• Jupyter Notebooks : Create and edit Jupyter Notebooks, add and run code cells, render plots, visualize variables through the variable explorer, visualize dataframes with the data viewer, and more

• Environments : Automatically activate and switch between virtualenv, venv, pipenv, conda and pyenv environments

• Refactoring : Restructure your Python code with variable extraction, method extraction and import sorting

#26 Autodocstring

Visual Studio Code extension to quickly generate docstrings for python functions.

Spend more time coding, less time writing documentation!

Features

• Quickly generate a docstring snippet that can be tabbed through.
• Choose between several different types of docstring formats.
• Infers parameter types through pep484 type hints, default values, and var names.
• Support for args, kwargs, decorators, errors, and parameter types

Docstring Formats

• Google (default)
• docBlockr
• Numpy
• Sphinx
• PEP0257 (coming soon)

#27 Vscode Color Highlight

Extension adds colored border around css/web colors in the editor.

This will make it easy to see the color, rather than memorizing its hex code.

#28 Rainbow CSV

Add style to your CSVs, who said that they have to be boring?

Main Features

• Highlight columns in comma (.csv), tab (.tsv), semicolon and pipe - separated files in different colors
• Transform and filter tables using built-in SQL-like query language
• Provide info about column on hover
• Automatic consistency check for csv files (CSVLint)
• Multi-cursor column edit
• Align columns with spaces and Shrink (trim spaces from fields)

#29 Pylance

Pylance is the default language support for Python in Visual Studio Code and is shipped as part of that extension as an optional dependency.

Pylance provides some awesome features for Python3, including:

• Docstrings
• Signature help, with type information
• Parameter suggestions
• Code completion
• Auto-imports (as well as add and remove import code actions)
• As-you-type reporting of code errors and warnings (diagnostics)
• Code outline
• Code navigation
• Type checking mode
• Native multi-root workspace support
• IntelliCode compatibility
• Jupyter Notebooks compatibility
• Semantic highlighting

#30 Python typehint

Provides type hint auto-completion for Python, with completion items for built-in types, classes and the typing module.

Features

• Provides type hint completion items for built-in types, estimated types and the typing module.
• Estimates the correct type to provide as a completion item.
• Can search Python files in the workspace for type estimation purposes.

Related readings 📖

117 Vscode Extensions - One guide to rule them all (Part 2/5)

117 Vscode Extensions - One guide to rule them all (Part 1/5)