Quick comment: have you switched to VSCode and are looking for some useful extensions? Here are some of my favorite VSCode extensions.

Html Tag Wrap

This extension allows you to select a word, sentence, or multiple lines of text and wrap them with the specified HTML tag (Alt + W or Option + W).

React.js code snippets

If you’re using React. Js, you’ll find these snippets very useful.

The RCC will create the React class component skeleton, the RSC will create React stateless components, and so on.


Npm Intellisense and Path Intellisense

When using React. Js, you often need to import other modules, and these two extensions will save you a lot of time by automatically completing import statements.

Npm Intellisense automatically completes the Npm module in the import statement, and Path Intellisense automatically completes the file name.

Git Blame

Git Blame adds a Git Blame message to the status bar. This helps to quickly see who made the last change to a working file and who actually wrote a line of code.

Git History

Git History is your best friend if you need a more detailed commit History.

Bookmarks

This is probably one of the most useful extensions in this list. It allows you to create bookmarks anywhere in the file (CTRL + Alt + K or CMD + Option + K) and then quickly jump between bookmarks via CMD + Option + J or CMD + Option + L.

Sublime Text Keymap

If you are a longtime user of Sublime Text, this extension will make your favorite Sublime Text shortcuts available in VSCode.

HTML Class Suggestions

This extension will add code completion suggestions for HTML class attributes based on CSS files in the workspace.

Open in Browser

I’m not sure why this isn’t a built-in feature of VSCode, but this extension lets you open your HTML files in your browser.

SVG Viewer

Install this extension if you want to preview SVG images and ICONS directly in VSCode.

Random

Not the most common extension, but you can sometimes use it to create a random number, address, or phone number.

BEM Expand

BEM Expand allows you to extend BEM classes in HTMl and JSX files.

Auto Close Tag

Add the closing tag of an HTML/XML tag like Visual Studio or Sublime Text.

Auto Rename Tag

This extension will automatically rename the start and end HTML/XML tags.

Alignment

Like the extension Alignment Package for Sublime Text 3, this extension aligns code.

原文 : A Collection of Useful Extensions for vscode-petr tichy-front End developer-melbourne

Read more:

  • Cheat Sheets on “machine learning” and “deep learning”

Welcome to:

  • Zhihu’s aurora Daily provides Makers with three quality English articles a day.
  • Netease Cloud radio “Aurora Daily”, for you to read the newspaper on your commute.
  • Wechat public account “Aurora Developers”, two technical dry goods a week