Why Visual Studio code

Why Visual Studio code

Every feature you find in vs code completes an outstanding job and builds some simple feature sets, including syntax highlighting, intelligent completion, integration of git and built-in debugging tools in the editor, etc, it will make your development more efficient.

All the packages you find are built with JavaScript, so anyone can easily write their own extension packages. Here you can find documentation on extensions: https://code.visualstudio.com/docs/extensions/overview

Feature features

The most important feature of vs code is its sidebar, which integrates the core features used in coding and refactoring. Any other features you need can be satisfied by installing extensions.

Intelligent perception of intelliisense

A very useful syntax highlighting and Automatic completion function provides automatic completion functions based on variable types, function definitions, and import modules.

Https://code.visualstudio.com/docs/editor/intellisense

Debug debugging

The built-in debugger can be debugged by adding a breakpoint and an observer to help you speed up editing and compilation.
By default, it supports nodejs and can debug any language that can be converted to JavaScript (Yuen terminal Note: for example, typescript ), however, for other runtime systems such as C ++ or Python, you need to install extensions for debugging.

Https://code.visualstudio.com/Docs/editor/debugging

Built-in git

Vs code has a built-in git GUI that supports the most common git commands, so that you can easily see the changes you have made in the project.

Real-time preview of themes and color schemes

When you change the theme and color scheme of vs code, you can select one to preview them in real time.

Terminal command line tool Terminal

Vs Code provides a fully functional integrated terminal that allows you to select a terminal and run Common commands.

Icon

Similar to the modification of the topic and color scheme, vs code also provides the modification function of the icon topic, as shown below:

Plug-ins that make vs code easier to use

The following plug-ins allow you to easily switch from your favorite editor to vs code, such as ing keyboard shortcuts that you are familiar.

Compared with the recently released vs code, the editor also adds features such as minimap, but the vs code extension plug-in obviously develops faster.

Atom keymap (atom keyboard shortcut)

After installing this plug-in and restarting vs code, you can use the atom keyboard shortcut in vs code.

Https://marketplace.visualstudio.com/items? Itemname = ms-vscode.atom-keybindings

Git easy

This plug-in can import the following git commands so that you can use them in the Command Panel. It is very similar to atom.

• Git easy: init
• Git easy: Add Origin
• Git easy: add remote
• Git easy: Add file/directory
• Git easy: add all modified
• Git easy: commit
• Git easy: Pull current branch from origin
• Git easy: Push current branch to Origin
• Git easy: Push current Branch (to any remote)
• Git easy: Status
• Git easy: Create new branch
• Git easy: Change/Checkout existing branch
• Git easy: log all
• Git easy: log current file

Https://marketplace.visualstudio.com/items? Itemname = bibhasdn. Git-easy

Sublime keymap (sublime keyboard shortcut)

After installing this plug-in and restarting vs code, the keyboard shortcut for importing sublime text in vs code is displayed. You can use the familiar sublime text keyboard shortcut through powerful intelligent awareness of vs code.

Https://marketplace.visualstudio.com/items? Itemname = ms-vscode.sublime-keybindings

Best plug-in recommendation

Vs Code does not require many plug-ins, but the plug-ins described below will definitely make you more efficient. The following plug-ins I introduced are some of the most useful plug-ins.

Plug-in market: https://marketplace.visualstudio.com/VSCode

Autofilename (file path auto-completion plug-in)

When you need a require local file, this plug-in will provide you with the option of Automatic completion Based on the file path you entered.

Https://marketplace.visualstudio.com/items? Itemname = jerryhong. autofilename

Eslint

Add eslint support and automatically start to work after installing and restarting vs code.

Https://marketplace.visualstudio.com/items? Itemname = dbaeumer. vscode-eslint

JavaScript (es6) code snippets (code snippet plug-in)

Use code snippets to accelerate es6 development, such as inputimdThe following code can be automatically generated:

JavaScript code:

1. Import {} from 'somewhere ';

Https://marketplace.visualstudio.com/items? Itemname = xabikos. javascriptsnippets

Project Manager (Project Manager plug-in)

A simple Project Manager allows you to quickly switch between projects in your editor.

Https://marketplace.visualstudio.com/items? Itemname = alefragnani. Project-Manager

Sort lines (code line sorting plug-in)

This plug-in can sort the selected code lines. It also provides case-insensitive, reverse, and unique sorting functions.

Https://marketplace.visualstudio.com/items? Itemname = tyriar. Sort-Lines

Wallaby. js (test plug-in)

An advanced continuous test runner. When you test a file that you are working on, it creates visual feedback that passes the test or test failure in your editor.

Https://marketplace.visualstudio.com/items? Itemname = wallabyjs. Wallaby-vscode

Sync settings (set synchronization plug-in)

You are likely to code on multiple computers. Porting your plug-ins and settings on your computer is easy, thanks to the configuration synchronization extension of Shan Ali Khan.

Https://marketplace.visualstudio.com/items? Itemname = Shan. Code-settings-sync

Git history (GIT history plugin)

Visualized git history plug-in.

Https://marketplace.visualstudio.com/items? Itemname = donjayamanne. githistory

Editorconfig (Code formatting plug-in)

Added support for editorconfig. Therefore, this Convention is referenced when you format a file.

Https://marketplace.visualstudio.com/items? Itemname = editorconfig. editorconfig

Document This (jsdoc annotation plug-in)

The detailed jsdoc comments are automatically generated in typescript and JavaScript files.

Https://marketplace.visualstudio.com/items? Itemname1_joelday.doc this

NPM intelliisense (NPM module import plug-in)

Vs code extension. The NPM module is automatically completed in the Import Statement.

Https://marketplace.visualstudio.com/items? Itemname = christian-kohler.npm-intellisense

Align)

Align the text to make the code according=,:.

Before alignment:

JavaScript code:

1. VaR test = 'string ';
2. VaR another = 10;
3. VaR small = 10*10;

After alignment:

JavaScript code:

1. VaR test = 'string ';
2. VaR another = 10;
3. VaR small = 10*10;

Https://marketplace.visualstudio.com/items? Itemname = steve8708.align

Amvim (Vim plug-in)

Currently, the best Vim plug-in vs code is provided. It is not the most downloaded Vim plug-in, but it uses multiple pointers, unlike the most downloaded plug-ins.

Https://marketplace.visualstudio.com/items? Itemname = auiworks. amvim

Change-case (name format plugin)

Quickly modify the name format of the highlighted selected text. Camelcase, pascalcase, kebab-case, underscore_delimited, and constant.

Https://marketplace.visualstudio.com/items? Itemname = zhengxiaoyao0716.intelligence-change-case

Vscode-icons (sidebar icon plug-in)

You can change the pretty icon in the sidebar.

Https://marketplace.visualstudio.com/items? Itemname = Robert huertasm. vscode-icons

 

Http://www.css88.com/archives/8144

Why Visual Studio code