ta pierwsza decyzja określi twoją produktywność i efektywność w miarę kodowania.
zanim rozpoczniesz naukę tworzenia stron internetowych, musisz wybrać i pobrać wybrany edytor kodu.
ta część tutaj jest kluczowa — Twoja podróż, twoja krzywa uczenia się jest zagrożona. Będzie to narzędzie, którego będziesz używać, gdy zaczniesz pisać swój kod, a do wyboru są różne edytory kodu.
dla tych, którzy zaczęli kodować ponad 10 lat temu, najczęściej używaną platformą był Notepad++, a inne edytory kodu następnie były TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, nawiasy i edytor HTML CoffeeCup.
we współczesnej technologii wybór został zawężony do kilku, a mianowicie: Sublime Text, Atom, VSCode, Vim, nawiasy.
podczas nauki znajdziesz różnych nauczycieli lub instruktorów, którzy woleli używać innego edytora tekstu, nie ma znaczenia, czy podążasz za nimi i korzystasz z tego samego edytora, czy wybierasz własny, ważne jest, że czujesz się komfortowo z wybranym edytorem tekstu. Wybierz to, co sprawia, że jesteś bardziej produktywny, ponieważ pomoże Ci stać się lepszym programistą.
wybieraj mądrze.
Atom został uruchomiony przez genialnych programistów Github, ale teraz należy do Microsoftu, dobrą rzeczą w Atom jest to, że jest darmowy, jest open-source, a także wysoce konfigurowalny, najlepszą częścią atom jest jego funkcja Teletype, która pozwala kilku / wielu programistom pracować nad tym samym projektem, na tym samym kodzie, z każdej części świata, w innej lokalizacji.
Atom jest nieco podobny do Sublime Text, ale wielu programistów, którzy woleli Atom był ze względu na jego prosty interfejs w porównaniu do Sublime Text.
Atom może być używany na 3 systemach operacyjnych (OS), Windows, Mac i Linux, więc niezależnie od platformy, którą posiadasz, Atom jest dostępny.
cechy:
- Atom to aplikacja desktopowa dla technologii internetowych
- ma modułową konstrukcję i zawiera ponad 50 rozszerzeń/pakietów open-source, które można zintegrować wokół minimalnego rdzenia
- fragmentów
- czysty i prosty interfejs użytkownika
- węzła.Integracja js
- przeglądarka systemów plików
- Hakowalne podejście
- Kirby Snippets, ulubione przez użytkownika atom. https://atom.io/packages/kirby-snippets
- Terminal IDE platformo
wady
- ma pewne problemy z wydajnością
- uruchomienie trwa kilka sekund w porównaniu z innymi edytorami tekstu, zwłaszcza gdy instalujesz wiele pakietów/rozszerzeń.
- trochę wolno w porównaniu do Sublime Text bo jest to aplikacja oparta na przeglądarce (jest uruchamiana przy użyciu elektronów)
Pobierz Atom.io Proszę.: https://atom.io/
a tu krótki filmik jak skonfigurować atom:
Vim
plusy
- lekki i szybki w porównaniu do innych edytorów, wykorzystuje minimalną pamięć systemu i ładuje się natychmiast
- możesz znaleźć wtyczki do prawie wszystkiego, od wersji do sterowania do preferencji kolorów
- jest darmowy i ma opensource i może być używany w trybie terminala lub GUI
- oparty na klawiaturze i prawdopodobnie zdasz sobie sprawę, że nie potrzebujesz już myszy, wszystko jest dostępne on Twoje skróty klawiaturowe.
wady
- Nauka krzywej, zajmie ci trochę czasu, aby się nauczyć, a będziesz tak wiele poleceń i skrótów do zapamiętania
- słabe wsparcie dla jego narzędzi
- niewiele skuteczne, jeśli chodzi o mechanizm cięcia/wklejania
możesz pobrać i skonfigurować vim za pomocą tego zasobu: https://www.vim.org/download.php
Oto dodatkowy zasób, jeśli chcesz przeczytać więcej o Vimie:
oto dobry kurs wprowadzający do podstaw, aby zacząć i nauczyć się podstaw Vima.
wsporniki
plusy
- Open Source i Cross-Platform, co oznacza, że jest bezpłatny i może być używany na komputerach Mac, Windows i Linux
- ma uzupełnianie kodu, pojawi się autosugestia podczas wpisywania kodu
- unikalną cechą wspornika jest szybka edycja po zaznaczeniu dowolnego elementu HTML i naciśnięciu CMD/Ctrl + E, wspornik otworzy wszystkie CSS powiązane z tymi niektórymi elementami w tym samym okno, po jego zamknięciu, automatycznie zastosuje się do arkusza stylów CSS.
- możliwość dodania kilku rozszerzeń i pakietów, aby edytor wsporników był bardziej wydajny i użyteczny
- wsporniki mają również funkcję wielu kursorów
- ma również selektor kolorów, ponieważ kolorowe kody szesnastkowe są trudne do zapamiętania.
- Podgląd na żywo, aby łatwo zobaczyć wyniki Lub wyniki edycji / stylizacji
Funkcja wyboru kolorów
wady
- wsporniki skupiają się na stronie Front-end-wyraźnie stworzony dla programistów Frontend, w którym jest bardzo przydatny w HTML, CSS i Javascript, a niewiele w językach po stronie serwera
możesz pobrać Brackets.io proszę.: http://brackets.io/
oto krótki film w konfigurowaniu nawiasów:
wysublimowany tekst
wielu programistów nadal zdecydowało się używać wysublimowanego tekstu, ponieważ jeśli jego szybkość, prostota, a także skróty klawiaturowe, które są bardzo przydatne podczas pracy na różnych językach skryptowych, takich jak Javascript.
możesz pobrać tekst tutaj: https://www.sublimetext.com/
oto film wprowadzający, aby rozpocząć i skonfigurować swój wysublimowany tekst:
plusy:
- Open Source i wieloplatformowy, co oznacza, że jest darmowy i może być używany na komputerach Mac, Windows i Linux
- Autouzupełnianie
- podświetlanie składni
- składanie kodu
- konfigurowalny-ponad 3800 dostępnych pakietów
- lekki, szybki i stabilny
:
- nie ma jeszcze przyzwoitej wtyczki Git
- powolny rozwój, ponieważ sublime nie ma dużego zespołu za nim
- nie tak przyjazny dla początkujących
oto poradnik bonusowy dla Sublime porady tekstowe, sztuczki, skróty klawiaturowe i najlepsze funkcje! Smacznego.
VSCode
Visual Studio Code zapewnia programistom nowy wybór narzędzia programistycznego, które łączy w sobie prostotę i usprawnione doświadczenie edytora kodu z najlepszym tego, czego potrzebują Programiści do ich podstawowego cyklu edycji kodu. Visual Studio Code jest pierwszym edytorem kodu i pierwszym wieloplatformowym narzędziem programistycznym-obsługującym OS X, Linux i Windows — w rodzinie Visual Studio.
jedną z zalet korzystania z VSCode jest możliwość integracji z Gitem, jest to łatwe i szybkie, inną rzeczą jest możliwość zdalnej integracji z różnymi zespołami, kilku programistów może pracować nad tym samym projektem lub nawet tym samym kodem za pomocą tego narzędzia/Rozszerzenia: Visual Studio Live Share pomaga kilku programistom pracować wydajniej, w porównaniu do Sublime Text i Atom.
zalety
- lekki i szybki
- darmowy
- prosty i czysty interfejs użytkownika
- Wbudowany Terminal
- wiele kursorów
- IntelliSense-to funkcja automatycznego uzupełniania, asystent podświetlania składni do wyeliminuj literówki i możliwe błędy składniowe
- ogromna społeczność do obsługi i budowania rozszerzeń i dodatkowych zasobów
- ma najlepsze funkcje, takie jak Git, Terminal, Webview, live share
- natywne wsparcie dla współpracy z Gitem, otwarty katalog łatwo połączyć się z Github i brak złożonego zestawu do góry.
- ma rozszerzenie Emmet, super szybkie kodowanie HTML, CSS i Javascript
wady
- brak wsparcia dla starszej wersji programowania, takiej jak ASP.NET
- funkcje debugowania są ograniczone
przy tak wielu różnych stosach i technologiach, nawet wybór edytora programistycznego stał się bardziej zniechęcający i przytłaczający, pozwól, że dam ci radę i zaoszczędzę Ci czasu, nie chodzi tylko o narzędzia, w sporcie, nie chodzi o najlepsze buty lub najdroższe buty do piłki nożnej, lub dla fotografów, nie zawsze chodzi o to, kto jest właścicielem najdroższego aparatu, który dostaje najpiękniejsze ujęcie, na koniec dnia, zawsze chodzi o to, kto go używa, jak go używasz i czy w ogóle go używasz.
byłem wielkim fanem Sublime Text, zacząłem tworzyć strony internetowe za pomocą Sublime, ale kiedy pojawił się VSCode i wziął serce każdego programisty nie tylko ze względu na ładnie wyglądający interfejs, ale także z powodu tysięcy rozszerzeń lub narzędzi do wyboru, które sprawiają, że kodowanie jest bardziej wydajne, łatwiejsze i mocniejsze, sam byłem do tego przyciągnięty.
najpopularniejszym, a także moją rekomendacją byłby VSCode, używam go od lat.
oto bonus dla Visual Studio Code Setup i Tutorial, Enjoy!
Dziękujemy za przeczytanie! Zapraszam do przeczytania moich innych blogów, aby uzyskać więcej darmowych samouczków i narzędzi dla wszystkich programistów! Enjoy…