5 wtyczek VIM do tworzenia stron internetowych

Opracowanie dla sieci zależy od dużej ilości kodu; Gdy wcześniej nie korzystasz z VIM, poczujesz się, jakbyś musiał wpisać każdą postać strony internetowej. Możesz pochodzić od innych redaktorów i zastanawiać się, gdzie są wszystkie funkcje ukończenia kodu i inne pomocne rzeczy? Pobieżne spojrzenie na Vima, wniosek polega na odejściu i nigdy więcej nie dotykać. Jeśli podążasz za kilkoma prostymi przewodnikami i zainstalujesz odpowiednie wtyczki, zmieniasz zdanie. Aby być wydajnym podczas programowania, potrzebujesz kilku funkcji. Mianowicie linki dokumentacyjne, ukończenie kodu i podświetlenie składni. To nie uczyni cię głównym programistą, ale sprawi, że twoje wrażenia będzie znacznie lepsze.

Obsługa plików

Istnieje wiele narzędzi do lepszego obsługi plików; Naprawdę powinieneś użyć przepływu pracy w stylu projektu. To powiedziawszy, jednym z nich jest widzieć twoje pliki w drzewie z boku edytora. Dodaj nerdtree!

Nerdtree jest opublikowany na GitHub; Większość menedżerów wtyczek przyjmuje wartość „Preservim/Nerdtree”. Rozszerzenie umieszcza listę plików, w których można się tego spodziewać. Masz wiele opcji dostosowania jego zachowania, w tym ustawienie strzał na wszystko, co chcesz. Patrząc na github, masz też wiele widelców, które mogą lepiej odpowiadać Twoim potrzebom.

W pisaniu oprogramowania musisz wyszukać pliki i tekst w innych plikach. Bez funkcji w VIM byłbyś zmuszony do zrobienia tego w wierszu poleceń w innym terminalu. Denite integruje się z RIPGREP i pozwala wyszukiwać w VIM. Wymaga Pythona i Pynvima i jest bardzo szybki i wydajny.

Aby zainstalować Denite, musisz zainstalować „Shougo/Denite.nvim ', w katalogu wtyczki vim lub użyj ulubionego menedżera wtyczki. Musisz także ustawić Python, którego używasz z parametrami programu hosta. Użyj „CheckHealth” w VIM, aby weryfikować i aby uzyskać więcej informacji.

Niech G: Python_HostProg = '/usr/bin/python' Let g: python3_hostprog = '/usr/bin/python3'

Zainstaluj program RIPGREP i zaktualizuj swój Pynvim do właściwej wersji. Są odpowiednio w regularnym repozytorium i w Pythonie.

Ukończenie kodu

Wielu użytkowników, którzy przechodzą z VSCode, zastanawia się, jak robić takie rzeczy, jak komplet kodu. Nie martw się, ludzie pracują, aby ci pomóc i rozwiązać własne problemy. Neoklid na GitHub ma wiele rozszerzeń VIM dla wszystkich Twoich potrzeb. „Zdobywca ukończenia”, COC od teraz zawiera zakończenie kodu, które przypomina Vscode.

COC ma również wiele wtyczek, które wszystkie używają głównej wtyczki. Niektóre są przydatne dla określonych języków. Możesz użyć ESLINT, aby kod był prawidłowy i znaleźć błędy. Piękne rozszerzenie sprawia, że ​​Twój kod jest lepszy. Lista języków, których możesz użyć, jest długa. Powinieneś przejrzeć to po zaczęciu używać COC; Przejście na innych może być tego warte, ale nie bez bardzo dobrych powodów.

Aby było jeszcze szybsze, możesz użyć skrótów do utworzenia kodu. To właśnie robisz z Emmet; System istnieje dla wielu redaktorów i IDES. W VIM po prostu dodajesz swoją wtyczkę za pomocą init init.plik VIM lub VIMRC. Aby być naprawdę wydajnym, musisz nauczyć się skrótów, które odpowiadają żądanemu kodowi. Gdy je znasz, prędkość kodowania rośnie wykładniczo. Aby zainstalować, dodaj https: // github.com/mattn/emmet-vim do konfiguracji wtyczki.

Git

Jeśli poważnie myślisz o programowaniu, musisz mieć system kontroli wersji. Jeśli nie używasz git, masz bardzo rzadki projekt na rękach. Biegasz git na wierszu poleceń poza edytorem, dopóki nie znajdziesz świetnego rozszerzenia, które go uruchomi dla Ciebie. Ponieważ słyszałeś o COC, powinieneś wiedzieć, że istnieje rozszerzenie tego ramy, ale przyznają się, że brakuje funkcji. Więc najpopularniejszy jest Vim-Fugitive. Zainstaluj go za pomocą ulubionego menedżera wtyczek. Po jego zainstalowaniu możesz uruchomić git tak, jakbyś był na wierszu poleceń. Dodaje również wiele funkcji, które zarówno działają w repozytorium, jak i buforze. Możesz go użyć do uruchomienia różnicy w VIM, a także ma wiele wtyczek dla znanych dostawców. Masz również opcję linii statusu, którą możesz dodać do swojej linii statusu. Zobaczysz przykład tego dalej.

Inne dziwne, które możesz polubił.

Gdy masz wszystkie funkcje w edytorze, możesz urozmaicić swoje doświadczenie. Możesz mieć ładną linię statusu na dole ekranu. Użyj do tego Vim-Airline, jest wiele innych, ale ten wygląda na lekką i przewiewaną. Aby zainstalować, dodaj „Vim-Airline/Vim-Airline” do konfiguracji. Twój pasek zadań natychmiast będzie wyglądał lepiej i możesz ulepszyć więcej w leku.

https: // github.com/vim-airline/vim-airline

Jednym ze sposobów, aby zarówno pasek stanu wyglądał lepiej, a większość innych części interfejsu jest dodanie ładnych ikon do instalacji. „Ryanoasis/vim-dev-icons” to świetny wybór dla tych ikon. Zainstaluj regularny sposób; Dobrze gra z Vim-Airline i wieloma innymi rozszerzeniami.

https: // github.com/ryanoasis/vim-devicons

Powinieneś również zastanowić się, jak zobaczyć swoją stronę internetową na żywo podczas kodowania poza VIM. Dla węzła.JS, jest na to gotowe rozwiązanie. Nazywa się to-synchronizacją przeglądarki. Instalujesz go z NPM i uruchamiasz polecenie i katalog, w którym jest Twój projekt. Gdy tylko polecenie uruchomi się, uruchomi przeglądarkę na adres „LocalHost: 3000”. Wszelkie zmiany wyświetlają się natychmiast po zaktualizowaniu kodu.

Wniosek

Aby rozpocząć programowanie w Internecie, musisz najpierw starać się śledzić kilka samouczków, a następnie stworzyć własne projekty. Znajdź ludzi, których możesz pomóc, aby na koniec mogli ci pomóc. Aby doświadczenie kodowania było wydajne i przyjemne, użyj rozszerzeń, o których tu słyszałeś. Powinieneś także szukać sposobów, aby najpierw ulepszyć siebie, a następnie swoje narzędzia.