krzepkość

5 wtyczek vim do tworzenia stron internetowych

5 wtyczek vim do tworzenia stron internetowych
Programowanie w sieci zależy od dużej ilości kodu; kiedy nie używałeś wcześniej vima, poczujesz się, jakbyś musiał wpisać każdy znak strony internetowej. Możesz pochodzić od innych redaktorów i zastanawiać się, gdzie są wszystkie funkcje uzupełniania kodu i inne przydatne rzeczy? Przyglądając się pobieżnie vimowi, wniosek jest taki, aby odejść i nigdy więcej go nie dotykać. Jeśli zastosujesz się do kilku prostych poradników i zainstalujesz odpowiednie wtyczki, zmienisz zdanie. Aby być wydajnym podczas programowania, potrzebujesz kilku funkcji. Mianowicie linki do dokumentacji, uzupełnianie kodu i podświetlanie składni. To nie uczyni cię mistrzem programisty, ale znacznie poprawi twoje wrażenia.

Obsługa plików

Istnieje wiele narzędzi do lepszej obsługi plików; naprawdę powinieneś używać przepływu pracy w stylu projektowym. Mając to na uwadze, jednym z ulepszeń jest możliwość przeglądania plików w drzewie z boku edytora. Dodaj NRDtree!

Nerdtree jest publikowany na GitHub; większość menedżerów wtyczek przyjmuje wartość „preservim/nerdtree”. Rozszerzenie umieszcza listę plików w drzewie tam, gdzie można się tego spodziewać. Masz wiele opcji dostosowywania jego zachowania, w tym ustawianie strzałek na co tylko chcesz. Patrząc na GitHub, masz też wiele forków, które mogą lepiej odpowiadać Twoim potrzebom.

Podczas pisania oprogramowania będziesz musiał szukać plików i tekstu w innych plikach. Bez funkcji wewnątrz Vima musiałbyś to zrobić w wierszu poleceń w innym terminalu. Denite integruje się z ripgrepem i umożliwia wyszukiwanie bezpośrednio w Vim. Wymaga Pythona i pynvima, jest bardzo szybki i wydajny.

Aby zainstalować Denite, musisz zainstalować 'Shougo/denite.nvim', w katalogu wtyczek vim lub użyj swojego ulubionego menedżera wtyczek. Musisz także ustawić używany Python z parametrami programu hosta. Użyj „checkhealth” w vimie, aby zweryfikować i uzyskać więcej informacji.

let g:python_hostprog = '/usr/bin/python' let g:python3_hostprog = '/usr/bin/python3'

Zainstaluj program ripgrep i zaktualizuj swojego pynvima do właściwej wersji. Znajdują się one odpowiednio w zwykłym repozytorium i w pytonie.

Uzupełnianie kodu

Wielu użytkowników, którzy przenoszą się z VSCode, zastanawia się, jak robić takie rzeczy, jak uzupełnianie kodu. Nie martw się, ludzie pracują, aby Ci pomóc i rozwiązać własne problemy. Neoclide na GitHub ma wiele rozszerzeń vim dla wszystkich Twoich potrzeb. „Conquer of Completion”, coc od teraz, zawiera uzupełnianie kodu, które przypomina VSCode.

COC ma również wiele podwtyczek, z których wszystkie korzystają z głównej wtyczki. Niektóre są przydatne w określonych językach. Możesz użyć eslint, aby zachować poprawność kodu i znaleźć błędy. Ładniejsze rozszerzenie sprawia, że ​​Twój kod jest lepiej sformatowany. Lista języków, których możesz używać, jest długa. Powinieneś go przejrzeć po rozpoczęciu używania COC; przejście na inne może się opłacać, ale nie bez bardzo dobrych powodów.

Aby kod był jeszcze szybszy, możesz użyć skrótów do tworzenia kodu. To właśnie robisz z Emmetem; system istnieje dla wielu edytorów i IDE. W Vimie po prostu dodajesz swoją wtyczkę za pomocą init.plik vim lub vimrc. Aby być naprawdę wydajnym, musisz nauczyć się skrótów odpowiadających żądanemu kodowi. Gdy już je poznasz, szybkość kodowania wzrasta wykładniczo. Aby zainstalować, dodaj https://github.com/mattn/emmet-vim do konfiguracji wtyczki.

Gita

Jeśli poważnie myślisz o programowaniu, musisz mieć system kontroli wersji. Jeśli nie korzystasz z git, to masz na rękach bardzo rzadki projekt. Uruchamiasz Gita w wierszu poleceń poza edytorem, aż znajdziesz świetne rozszerzenie, które uruchomi go za Ciebie. Skoro słyszałeś o Coc, powinieneś wiedzieć, że istnieje rozszerzenie dla tego frameworka, ale sami przyznają, że brakuje mu funkcji. Najpopularniejszy jest więc vim-fugitive. Zainstaluj go za pomocą swojego ulubionego menedżera wtyczek. Po zainstalowaniu możesz uruchomić git tak, jakbyś był w linii poleceń command. Dodaje również wiele funkcji, które działają zarówno na twoim repozytorium, jak i buforze. Możesz go użyć do uruchomienia różnicy w vimie, a także ma wiele wtyczek dla znanych dostawców. Masz również opcję linii statusu, którą możesz dodać do linii statusu. Zobaczysz przykład tego dalej.

Inne dziwne, które mogą Ci się spodobać.

Gdy masz już wszystkie funkcje w edytorze, możesz urozmaicić swoje wrażenia. Możesz chcieć mieć ładną linię statusu na dole ekranu. Użyj do tego vim-airline, jest wiele innych, ale ten wygląda na lekki i przewiewny. Aby zainstalować, dodaj „vim-airline/vim-airline” do swojej konfiguracji. Twój pasek zadań od razu będzie wyglądał lepiej, a w czasie wolnym możesz dostosować więcej.

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

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

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

Powinieneś także zastanowić się, jak możesz 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 za pomocą npm i uruchamiasz za pomocą polecenia i katalogu, w którym znajduje się twój projekt. Jak tylko polecenie zostanie uruchomione, uruchomi przeglądarkę na adresie „localhost:3000”. Wszelkie zmiany pojawią się natychmiast po uaktualnieniu kodu.

Wniosek

Aby rozpocząć programowanie w sieci, musisz najpierw włożyć wysiłek w zapoznanie się z kilkoma samouczkami, a następnie stworzyć własne projekty. Znajdź osoby, którym możesz pomóc, aby na końcu mogli Ci pomóc. Aby Twoje doświadczenie w kodowaniu było wydajne i przyjemne, użyj rozszerzeń, o których słyszałeś tutaj. Powinieneś także szukać sposobów na poprawę siebie, a potem swoich narzędzi.

Gry SuperTuxKart for Linux
SuperTuxKart for Linux
SuperTuxKart is a great title designed to bring you the Mario Kart experience free of charge on your Linux system. It is pretty challenging and fun to...
Gry Battle for Wesnoth Tutorial
Battle for Wesnoth Tutorial
The Battle for Wesnoth is one of the most popular open source strategy games that you can play at this time. Not only has this game been in developmen...
Gry 0 A.D. Tutorial
0 A.D. Tutorial
Out of the many strategy games out there, 0 A.D. manages to stand out as a comprehensive title and a very deep, tactical game despite being open sourc...