skip to Main Content
Tymczasowe Sprawdzanie Typów W Kodzie JavaScript Dzięki Visual Studio Code Oraz TypeScript

Tymczasowe sprawdzanie typów w kodzie JavaScript dzięki Visual Studio Code oraz TypeScript

Programistyczny edytor Visual Studio Code, jest napisany w TypeScript, co więcej każda nowa wersja Visual Studio Code przychodzi razem z nową wersją kompilatora TypeScript. Tak się składa, że oba produkty Microsoftu są ze sobą dobrze powiązane.

Ostania aktualizacja Visual Studio Code w wersji 1.12 (kwiecień 2017), przychodzi z kompilatorem TypeScript 2.3. Ta wersja otrzymała możliwość sprawdzania typów w kodzie JavaScript poprzez przełącznik --checkJs.

Możesz sprawdzić poprawność typów w kodzie JavaScript tymczasowo. Jeżeli dodasz na początku pliku .js komentarz // @ts-check, wtedy kompilator TypeScript przejdzie po typach i podkreśli na czerwono błędy.

Czytaj resztę...
Ustaw Visual Studio Code Jako Domyślny Edytor Oraz Diff Tool

Ustaw Visual Studio Code jako domyślny edytor oraz diff tool

Jeżeli korzystasz z Visual Studio Code to też duże prawdopodobieństwo, że korzystasz także z Gita jako system kontroli wersji.

Według tych porad możesz ustawić Visual Studio Code jako domyślny edytor dla Gita oraz jako domyślny difftool czyli narzędzie pokazujące zmiany pomiędzy dwoma commitami.

Aby ustawić Visual Studio Code jako domyślny edytor to wykonaj taką komendę w konsoli

git config --global core.editor "code --wait"

Czytaj resztę...
Visual Studio Code – Synchronizacja Ustawień Między Komputerami

Visual Studio Code – Synchronizacja ustawień między komputerami

Korzystasz z wielu komputerów lub wielu maszyn wirtualnych? Lubisz mieć zawsze te same:

  • skróty klawiaturowe
  • snippety
  • ustawienia edytora
  • zainstalowane rozszerzenia

Jeżeli tak, to mam coś dla ciebie. Visual Studio Code Settings Sync rozszerzenie do Visual Studio Code, które korzystając z twojego konta na GitHub synchronizuje ustawienia pomiędzy komputera.

Czytaj resztę...
Visual Studio 1.8 Tryb Zen, Wyjście Na Gorąco Oraz łatwiejsza Edycja Ustawień Aplikacji.

Visual Studio 1.8 Tryb Zen, Wyjście na gorąco oraz łatwiejsza edycja ustawień aplikacji.

Nowy miesiąc duże zmiany w Visual Studio Code, bo zbliża się okres świąteczny, więc trzeba było zrobić nowych funkcjonaliści „na zapas”. Styczeń powinien być chudy jeżeli chodzi o usprawnienia mojego ulubionego edytora.

Pełna wersja angielska jest dostępna pod grudniowym adresem. A najlepsze kąski po polsku znajdziesz poniżej.

Hot Exit

Od teraz Visual Studio Code nie wyświetli takiego komunikatu przy wychodzeniu z programu (przez X w górnym prawym rogu):

unsaved_file

Nie zapisane zmiany będą trzymane w pamięci podręcznej aplikacji. W momencie gdy wrócisz z powrotem do twojego projektu, wszystkie zmiany bądą zachowane, czekając na twój zapis.

Funkcjonalność można wyłączyć w ustawieniach programu (File->Preferences->User Settings) ustawiając files.hotExit na wartość false. Domyślnie Hot Exit jest włączony.

To także oznacza, że przypadku kiedy Visual Studio Code przestanie nagle działać, to przywróci dane z swojego backupu, nie zależnie czy Hot Exit jest włączony czy nie.

Zmiany w Activity Bar

Activity Bar to nazwa dla tego paska narzędziowego:

activityBar

Czytaj resztę...
Nowości W Visual Studio Code 1.7.1. Automatyczne Poprawki Lintera, Formatowanie Zaznaczonego Kodu.

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

Czytaj resztę...
TypeScript I JQuery W Visual Studio Code – Krok Po Kroku

TypeScript i jQuery w Visual Studio Code – krok po kroku

Postanowiłem się nauczyć „nowego” języka – TypeScript. To język zaprojektowany przez Duńczyka Anders Hejlsberg współtwórcę C#.

A tak przy okazji języki programowania stworzone przez Duńczyków:

  • Anders Hejlsberg
    • Delphi
    • C#
    • TypeScript
  • Bjarne Stroustrup – C++
  • Rasmus Lerdorf – PHP

Dlaczego TypeScript?

TypeScript jest językiem opierającym się o JavaScript i tłumaczonym na JavaScript. Wynikiem pliku app.ts jest plik z kodem app.js.

TypeScript został wprowadzony po to, aby wprowadzić sprawdzanie poprawności typów. Świetnym bonusem jest lepsze podpowiadanie kodu przez InteliSense, przy wsparciu JSDoc otrzymujemy kawałki dokumentacji przy pisaniu kodu.

Istniejący kod JavaScript można uzbroić o same definicje typów, dzięki czemu Visual Studio Code będzie podpowiadać nam kod mimo, że nie został napisany w TypeScript.

Cel: Stworzenie środowiska pracy z TypeScript i jQuery

Skupię się na mimimum bez tysiąca bibliotek do z budowania projektu, wspierania EcmaScript 2015, wykorzystywania Sassa etc.

Bazuje na tym tutorialu, ale zauważyłem, że posiada kilka dziur w opisie oraz nie opisuje jak połączyć TypeScript z najpopularniejszą biblioteką JavaScript.

Czytaj resztę...
Nowości W Visual Studio Code 1.6.0. Automatyczne Formatowanie Oraz Auto Zapis I Inne Funkcjonalności

Nowości w Visual Studio Code 1.6.0. Automatyczne formatowanie oraz auto zapis i inne funkcjonalności

Wyszła nowa wersja Visual Studio 1.6.0. Wszystkie informacje o nowej wersji można przeczytać na stronie październikowej.

Najciekawsze zmiany według mnie to…

Ikony… wszędzie

Ikony plików pokazują się także w tabach, wynikach wyszukiwania, a także w szybkim wyszukiwaniu – Quick Open – Ctrl+E.

Ikony do plików są dostarczone razem z Visual Studio Code, aby dowiedzieć jak je zmienić lub zainstalować dodatkowe, przeczytaj post Zmień kolory i ikony w Visual Studio Code.

Przełączanie między oknami Visual Studio Code

Nowa komenda do przełączania się między oknami Visual Studio Code. Można ją znaleźć przez Ctrl+Shift+P i wpisując Switch Window.

Ta komenda nie jest przypisana do skrótu klawiaturowego. Można to zmienić dodając do pliku File->Preferences->Keyboard Shortcuts taki wpis.

Przełączanie między oknami, będzie dostępne poprzez Ctrl+Shift+Tab

Czytaj resztę...
Back To Top