Blog wzbogacił się dzisiaj o nowy dział: Książki

Znajdziesz tam listę książek które czytałem lub przesłuchałem. Listę będę aktualizował na bieżąco.

Edytory firmy JetBrains znane są z tego, że można zrobić praktycznie wszystko za pomocą klawiatury używając skrótów klawiszowych. Taki styl pracy bardzo często jest szybszy niż mozolne przeklikiwanie opcji myszką. Już od jakiegoś czasu sam preferuję podejście keyboard first i Ciebie także gorąco zachęcam do takiego podejścia.

Z tego wpisu dowiesz się jak ustawić skrót klawiszowy w Webstorm.

Jak ustawić skrót klawiszowy?

W mojej pracy mamy ustawione różne reguły do statycznej analizy kodu za pomocą TSLint. Na przykład jeśli napiszę kod, który nie będzie pasował do jednej z reguł edytor podkreśli mi to na czerwono informując mnie że reguła została złamana i sugeruje mi poprawienie tej linijki. Poprawkę mogę zrobić na kilka sposobów: mogę najechać kursorem na dany fragment i poprosić Webstorma żeby mi to naprawił albo mam zdefiniowany skrpyt w package.json który ogarnie wszystko. I to jest ok, ale wyobraź sobie, że piszesz kod i w krótkim czasie pojawia się cała masa powiadomień. Takie żmudne przeklikiwanie nie ma sensu, odpalenie skryptu jest, w porządku, ale mimo wszystko chwilę to trwa.

Okazuje się że Webstorm posiada już wbudowaną funkcję poprawy kodu, który łamie zasady określone w TSLint(oczywiście tam gdzie edytor sam nie ogarnie błędów musisz osobiście je poprawić). Na tym przykładzie pokażę Ci jak ustawić własny skrót klawiszowy.

Użyj skrótu: CTRL + ALT + S lub idź do: File -> Settings -> Keymap:

Wyświetli się okno, gdzie możemy określać nasze skróty. Opcji do ustawienia jest cała masa dlatego, w celu wygodniejszej nawigacji zostały one pogrupowane. Ale co zrobić gdy nie wiemy gdzie nasza akcja dla której chcemy ustawić skrót się znajduje? To proste wystarczy skorzystać z wyszukiwarki:

Aby dodać skrót należy: wybrać akcję, kliknąć w nią dwukrotnie myszką lub potwierdzić za pomocą klawisza: Enter. Z menu wybieramy opcję: "Add Keyboard Shortcut" i na klawiaturze wciskamy klawisze które mają tworzyć skrót. Klikamy Ok i mamy ustawiony skrót.

Konflikty skrótów klawiszowych

Konflikty w Webstormie

Z tego powodu, że w Webstormie jest ustawionych domyślnie bardzo dużo skrótów klawiszowych możliwe, że wybrany przez Ciebie skrót jest już zajęty. W tym przypadku zostaniesz o tym poinformowany w tym samym oknie gdzie ten skrót chcesz ustawić. Możesz oczywiście nadpisać poprzedni skrót.

Konflikty na poziomie systemu operacyjnego

Do konfliktu może dojść także na linii Webstorm Twój system operacyjny. Nie zdziw się jeśli w Webstormie jest ustawiony skrót klawiszowy ale... nie działa

Logowanie się poprzez klucz publiczny/prywatny pozwala na szybki dostęp do serwera. Nie musimy pamiętać hasła wystarczy, że mamy dwa klucze: publiczny i prywatny. Oba klucze powinny znajdować się na komputerze z którego chcemy się logować na serwer. Dodatkowo na serwerze musi się znajdować klucz publiczny. Z tego wpisu dowiesz się jak dodać klucz publiczny na serwer.

Zanim zaczniemy zakładam że:

a) Masz już wygenerowane oba klucze: publiczny i prywatny

b) Masz dostęp do serwera na którym chcesz umieścić ten klucz

c) Twój serwer pozwala na logowanie się przez SSH

Opisywany sposób pokazuję na Linuxie(Ubuntu).

Serwis SSH

Zanim zaczniemy upewnijmy się czy mamy zainstalowane w systemie OpenSSH:

sudo systemctl status ssh.service

Jeśli masz zainstalowany ten serwis i status jest ustawiony jako aktywny(ang.: active) możesz przejść dalej. Jeśli jednak nie, wywołaj te komendy:

sudo apt-get update
sudo apt-get install openssh-server

Dodanie klucza publicznego za pomocą komendy

Ta metoda jest bardzo prosta i szybka. Wystarczy jedna komenda.

ssh-copy-id -i ~/.ssh/public_key_file.pub user@server

Komenda ssh-copy-id sprawi, że nasz klucz publiczny znajdzie się na serwerze. Najpierw poprzez flagę -i określamy ścieżkę do klucza publicznego, który chcemy umieścić na serwerze. Zwykle znajduje się ten plik w katalogu głównym ~/.ssh/. Plik publiczny domyślnie ma rozszerzenie .pub. W kolejnym kroku podajemy użytkownika dla którego chcemy ustawić klucz publiczny i oczywiście serwer na który chcemy się logować.

Kiedy wywołasz komendę zostaniesz poproszony o hasło. Po podaniu poprawnego hasła klucz publiczny powinien zostać dodany na serwerze. I od tej pory, gdy wywołasz:

ssh user@server

nie powinienś być pytany o hasło.

Ostatnio, w pracy stanąłem przed takim problemem: musiałem na podstawie pewnego zbioru danych(zwykła tablica stringów) posortować ten zbiór i wykorzystać go do wyświetlenia danych.

W JavaScript to nic trudnego wystarczy wywołać metodę: sort... No, ale z tą metodą jest pewien problem. Przykład:

const data = ['option 5', 'option 2', 'option 4', 'option 3', 'option 1'];
data.sort();
console.log(data);

Wyświetli:

Array(5) [ "option 1", "option 2", "option 3", "option 4", "option 5" ]

Jak widać metoda sort posortowała elementy tablicy na której została funkcja wywołana.

A co w przypadku, gdy nie chcemy zmieniać oryginalnej tablicy, a po prostu dostać nową posortowaną?

Rozwiązanie:

const data = ['option 5', 'option 2', 'option 4', 'option 3', 'option 1'];
const sortedData = [...data].sort();

console.log('data: ', data);
console.log('sortedData: ', sortedData);

Wyświetli:

data: Array(5) [ "option 5", "option 2", "option 4", "option 3", "option 1" ]
sortedData: Array(5) [ "option 1", "option 2", "option 3", "option 4", "option 5" ]

Skorzystaliśmy tutaj z operatora spread ...data. Zapis:

[...data]

Tworzy po prostu kopię z oryginalnej tablicy. Następnie sortujemy kopię i uzyskujemy to czego potrzebowaliśmy :)

Od uruchomienia minął już niemal miesiąc więc przygotowałem małe podsumowanie co udało mi się dodać, w ciągu tego okresu.

Przede wszystkim zakładałem, że będę dodawać wpis co tydzień i to się udało osiągnąć. A nawet więcej! W kwietniu nie licząc tego wpisu udostępniłem: 6 wpisów.

Poniżej lista wpisów, które dodałem w tym miesiącu:

• Wpis powitalny

SSH:

• Jak zablokować logowanie się przez roota
• Jak zarządzać połączeniami przez SSH

Webstorm:

• Webstorm: Git i podgląd schowka
• Webstorm i Live Templates

Inne:

• PM2: Jak uruchomić skrypt działający w tle

Mam kilka pomysłów czym zająć się, w maju. Zobaczymy co z tego wyjdzie :)