Как да настроите интегрирана среда за разработка (IDE)

Ако преминавате от онлайн уроци към изграждане на свои собствени проекти, може да ви обземе идеята да създадете своя собствена интегрирана среда за разработка (IDE) или да се чудите защо изобщо имате нужда от такава, за да свършите работата си.

В тази статия, аз ще обсъдим какво е IDE е и ще ви даде някои идеи за това какво твое може да изглежда така, особено ако работите в JavaScript, въпреки че информацията ще се прилага независимо от езика или тип проект.

Ето видео версия на тази публикация, ако предпочитате (28-минутно гледане):

Какво е интегрирана среда за развитие?

Казано по-просто, интегрирана среда за разработка е всичко, от което програмистът трябва да свърши работата си. Действителният състав на IDE ще варира между програмните езици, типовете проекти и дори между програмистите, но има някои неща, които са често срещани сред много IDE, които ще разгледам по-долу.

Най-простият начин да се разбере IDE е да се разгледа решение "всичко в едно" като Unity. Като пълнофункционален двигател за игри, Unity има всичко необходимо за създаването на 2D или 3D игра: GUI, който ви позволява да изградите своя свят на игри, редактор на кодове (Visual Studio), където можете да пишете скриптове, начин за изтегляйте зависимости и активи и дори интеграция на GitHub, за да можете да следите версиите на компилация и да си сътрудничите по проекти. За по-малки проекти Unity може да се разглежда като напълно функционална интегрирана среда за разработка, където всичко вече е настроено за вас след изтегляне на игралния механизъм.

Други IDE могат да се различават значително по сложност, особено ако идвате от онлайн урок, който ви позволява да кодирате директно в браузъра. Един от моите прихващания с често срещани отговори на въпроса "какъв език за програмиране трябва да науча?" е идеята, че изучаването на JavaScript е по-лесно, защото „то просто се изпълнява във вашия браузър“.

Кажете това на всеки, който се е опитал да създаде IDE за приложението React App, което изисква няколко компонента да стартират и стартират - нито един от тях не е очевиден, когато работите чрез онлайн уроци. За да работите действително като разработчик, ще ви трябват четири основни неща, за да настроите интегрираната си среда за разработка: редактор на код, интерфейс на командния ред (CLI), система за контрол на версиите и мениджър на пакети.

Основна забележка: вашата IDE може да варира значително в зависимост от езика за програмиране или вида на проекта, но най-вероятно ще ви трябва едно или повече от следните във всеки случай!

IDE Tool # 1: Редактор на код (и компилатор)

Цял куп онлайн уроци ви позволяват просто да кодирате в браузъра, което е чудесно за разбиране на основните програмни концепции, но в дългосрочен план ще ви трябва редактор, който ви позволява да запазите кода си (и да го компилирате, ако използвам език като C # или C ++).

Има много редактори на кодове, като Atom (лек, безплатен и с отворен код), Sublime (супер популярен с много интеграции) и Visual Studio / Visual Studio Code (поддържан от Microsoft и прекрасен за работа) . Би било редуцирано да се каже, че те са „едно и също нещо“, тъй като всяко от тях предоставя различен подход за подпомагане на работния процес на кодиране, така че може да опитате един или два, преди да решите кой ви харесва най-много.

IDE Tool # 2: Интерфейс на командния ред (CLI)

Ако имате компютър, несъмнено сте използвали вашия файловия изследовател или някакъв друг навигационен GUI за достъп до файловата система, създаване на папки, изтриване на файлове и т.н.

Интерфейсът на командния ред (CLI) ви позволява да направите същото ... в обикновен текст. Което може да изглежда супер архаично или досадно в началото, но след като увиете главата си във веригите на команди и ги интегрирате в работния си процес, ще започнете да виждате силата на CLI и колко е от съществено значение за повечето среди за разработка.

На Mac може да използвате терминала. Тъй като съм инсталирал GitHub за Windows (повече за GitHub по-долу) на моята машина, използвам Git Bash за работата си. Тук има няколко опции и може да се наложи да разгледате няколко урока за командния ред, за да разберете някои от основните принципи, така че да се чувствате комфортно да го използвате във вашата IDE.

IDE Tool # 3: Система за контрол на версиите

Има няколко ресурса, които предоставят преглед на това какво е контрол на версиите и защо трябва да го използвате. Достатъчно е да се каже, че когато изграждате нещо различно от обикновен проект, ще ви е необходим начин да архивирате работата си, да споделите кода си със сътрудници и да следите различните версии на компилацията, така че да можете да се занимавате с части на кодовата основа, а не други.

GitHub не е единствената система за контрол на версиите в момента, но в момента е златен стандарт и би си струвало да потърсите няколко урока, за да научите как да се възползвате от неговите функции, дори ако просто вятървате използвайки го като метод за отдалечено архивиране.

Освен това, въпреки че има няколко добавки за интегриране на GitHub директно във вашия редактор на код (или игрален механизъм), стандартната практика за изпълнение на задачи, свързани с Git, е използването на интерфейса на командния ред, което предоставя още една причина да станете компетентни с избрания от вас CLI .

IDE инструмент # 4: Мениджър на пакети

За някои IDE, като при нашия пример за Unity по-горе, всичко, което трябва да направите, е да изтеглите и инсталирате софтуер, за да започнете да изграждате вашите проекти. Повечето зависимости, от които ще се нуждаете, ще бъдат включени в първоначалното ви изтегляне и ако не, ще има начин за достъп до тях от игралния механизъм (напр. Unity's Asset Store).

За други, по-избрани от вас приключенски IDE, ще трябва сами да обедините нещата и един от основните компоненти ще бъде мениджър на пакети като NPM или Conda.

Мениджърите на пакети правят много неща и с най-основната си функционалност те ще ви помогнат да инсталирате всички зависимости, от които се нуждаете, за да свършите работата си. Ако искате например да започнете с проект на React, ще отидете до папка през CLI и след инсталиране на NPM (който е в комплект с Node.js) напишете:

npx create-react-app my-app cd my-app npm start

Първият ред основно казва: "Хей, NPM! Изтеглете всички зависимости за Create React App и ги поставете в папка, наречена" my-app "."

След това вторият ред казва на вашия CLI: „Придвижете се до новата директория, наречена„ my-app “.“

Третият ред задейства действието: "NPM, отново съм аз. Стартирайте сървър за разработка, който показва моя проект в браузър и го актуализира, когато правя промени в кода."

След като инсталирате всички необходими зависимости с помощта на вашия мениджър на пакети, ще започнете да работите в редактора на кода си и да използвате интерфейса на командния ред, за да отправяте заявки за изтегляне или да изпращате код към отдалечено хранилище, използвайки вашата система за контрол на версиите.

В обобщение, интегрираната среда за разработка включва всички неща, от които се нуждаете, за да свършите работата си, и варира в зависимост от езика, типа на проекта и вашите лични предпочитания. Обикновено IDE включват редактор на код (и компилатор), интерфейс на командния ред, система за контрол на версиите и мениджър на пакети, но вашата интегрирана среда за разработка може да има различни изисквания или комбинация от тях.

Можеш да го направиш!

Ако харесате тази статия, моля, помислете за разглеждане на игрите и книгите ми, абониране за моя канал в YouTube или присъединяване към Entromancy Discord.

MS Farzan, Ph.D. е писал и работил за известни компании за видеоигри и редакционни уебсайтове като Electronic Arts, Perfect World Entertainment, Modus Games и MMORPG.com и е служил като мениджър на общността за игри като Dungeons & Dragons Neverwinter и Mass Effect: Andromeda . Той е креативен директор и водещ дизайнер на игри на Entromancy: A Cyberpunk Fantasy RPG и автор на The Nightpath Trilogy . Намерете MS Farzan в Twitter @sominator.