
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
Upgrade your browser to see the video.
#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.
Upgrade your browser to see the video.
#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
Upgrade your browser to see the video.
#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.
Upgrade your browser to see the video.
#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
Upgrade your browser to see the video.
#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)
Upgrade your browser to see the video.
#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
Upgrade your browser to see the video.
#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.
Upgrade your browser to see the video.