Nowości w Visual Studio Code 1.7.1. Automatyczne poprawki lintera, formatowanie zaznaczonego kodu.

Nowy miesiąc – nowa wersja mojego ulubionego edytora – Visual Studio Code.

Wydanie listopadowe nie odbyło się bez problemów. Wersja 1.7.0 posiadała możliwość automatycznego ściągania plików opisujących typy w bibliotekach JavaScript dla języka TypeScript. Problem w tym, że popularność automatycznego ściągania plików nie spodobała się serwerom npmjs.org. Po paru godzinach dużego obciążenia serwerów npmjs.org Microsoft był zmuszony wycofać wersję 1.7.0. No i teraz mamy wersję 1.7.1 pozbawione możliwości automatycznego ściągania typów.

Listę zmian można przeczytać na stronie listopadowej.

A oto moja lista najważniejszych zmian wydanych w wersji 1.7.1.

Poziome dzielenie edytora

Od jakiegoś czasu mogłeś mieć otwarte kilka plików jednocześnie w jednym oknie. Pliki pokazywały się w kolumnach, od 1.7.1 mogą pokazywać się w wierszach.

Horizontal Layout

Aby ustawić wierszowy układ:
* Przejdź do View->Toggle Editor Group Layout
* lub użyj Ctrl+Shift+P i wpisz Toggle Vertical/Horizontal Editor Group Layout
* lub użyj przycisku w OPEN EDUTORS

Open Editors button

Możesz też użyć skrótu klawiaturowego (Shift+Alt+1 ) aby przełączyć się pomiędzy dwoma trybami.

Miejsce menu bocznego oraz ukrycie paska statusu.

Aby zmienić w lokalizacje menu bocznego z lewej na prawą trzeba udać się ustawień użytkownika File->Preferences->User Settings i wstawić:

"workbench.sideBar.location":"left"

jeżeli nas interesuje ukrycie paska statusu (ten niebieski pasek na dole) to w tym samym pliku trzeba wstawić taki wpis:

"workbench.statusBar.visible":true

Otwieranie wielu plików przy użyciu Quick Open

Jeżeli korzystasz z Quick Open standardowo skrót klawiaturowy to Ctrl+E to aby otworzyć kilka plików należy na zaznaczonym pliku wcisnąć (prawa strzałka). Wtedy wybrany plik otworzy się w tle.

Lista skrótów i filmiki instruktażowe

Lista skrótów jest dostępna do pobrania z mojego bloga lub wchodząc w Help->Keyboard Shortcuts Reference

Filmiki instruktażowe są dostępne pod Help->Introductory Videos

Formatowanie kawałka kodu

Do poprzednio istniejącej komendy Format Document Shift+Alt+F doszła komenda Format Selection dostępna pod skrótem (Ctrl+K Ctrl+F).

Format Selection

Auto Fix w Linterach

Jeżeli korzystasz z linterów (automatów analizujący kod i ostrzegającymi przed powszechnymi pomyłkami) to rozszerzenia vscode-eslint i vscode-tslint otrzymały opcję automatycznej poprawek podczas zapisu.

Ustawienia nazywają się następująco

{
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true,
}

Skróty klawiaturowe dla terminala

Terminal w Visual Studio Code, który można odpalić poprzez Ctrl+` otrzymał dwa nowe skróty klawiaturowe:

  • Ctrl+Home – przewinięcie do góry
  • Ctrl+End – przewinięcie do dół