Vscode 1.68 changes and concerns (sorting and importing statements / experimental new command center, etc.)

Preface

vscode v1.68 Issued , Here are some comments that I personally compare focus The point of .

• Release changelog：May 2022 (version 1.68)

You can trace history here vscode Important changes ：

• 《 vscode 1.67 Changes and concerns （ Close secondary confirmation / Default native color bracket coloring, etc ）》

• 《 vscode1.62 Native code block edge shading and Bracket Pair Colorizer Benchmarking and differentiation （ Attached configuration ）》

• 《 vscode1.60 Native high-performance seamless migration scheme （ Equivalent Bracket-Pair-Colorizer）》

Text

Better organize import statements

Shortcut key ：option + shift + o

You can also input Organize Imports command To find him ：

Thanks to the typescript 4.7 Improvement , Sorting and importing become more in line with human expectations , To put it simply , Is the separation of inside and outside ：

//  An example of the result of the collation 

//  Inside 
import * as aaa from './aaa';
import * as bbb from './bbb';
import * as ccc from './ccc';

//  Outside 
import * as child_process from 'child_process';
import * as fs from 'fs';
import * as path from 'path';

Make good use of this shortcut key , Can help develop more efficient , Remove useless imports, etc .

Experimental command center

A very efficient experimental function , Open... With the following configuration ：

// settings.json
{
    
  "window.experimental.commandCenter": true
}

effect

This is a very efficient change , because ：

1. Make full use of a small line of space at the head of the window , More efficient operation .

2. Replace the original cmd + shift + p open command center The location of , Now it will be displayed in the small input box of the header , Higher space utilization , Beauty is better .

problem

As it is still in the experimental stage , There are some deviations in habitual thinking , For example, the original window header displays the name of the file currently being browsed , Now... Will no longer be displayed （ It is impossible to speculate whether it will improve when it is officially launched ）.

Before the official launch , We continue to pay attention to .

Automatic addition scm Create a new branch prefix

This change is only applicable to vscode Inside scm Visual operation git Of users have great benefits . Because for most enterprise development scenarios , To isolate the identification , Everyone's branch often has a fixed prefix , Such as name （ Or nickname ） abbreviation ：

• for example ：nickname/feat/support-mfsu

At this time, you can configure ：

// settings.json
{
    
  "git.branchPrefix": "nickname/",
}

Automatically add a text prefix to create a new branch name ：

vscode built-in scm Visualization is a simpler process than the command line 、 Efficient tools , collocation Git Graph Can cope with most daily git Operation scenario , Without using any command line , For severe vscode Users , Should embrace vsc Native support .

Other concerns

1. vscode.dev Web IDE Browser language recognition is supported by default , Without installing language plug-ins （ For example, when I open it, it is in Chinese ）, Experience better .

2. Better visualization merge Handle ： Experimental function Merge editor by git merge Provide better visual processing （ It can be done by git.experimental.mergeEditor Turn on , Currently only effective in conflict scenarios ）, It's all embracing vsc Endophytic scm The general trend of Visualization .

summary

There are few revolutionary changes in this update , For more features and details , Please be there. v1.68 CHANGELOG View in , I won't say more about it here .

above .