# Visual Studio упътване - УПП, Седмица 1, 02.10.2025 'define expected-reading 6 min 'define created 27 September 2025 'define edited 27 September 2025 [$pagenav] [$presentation-controller] :title_slide35 # IDE и текстови редактори :slide ## Къде пишем код? [$br2] .p =[Кодът е чисто и просто текст]=, компилаторът е специалната програма, която превръща този текст в нещо, което може компютъра да изпълни. .p За писане и редактиране на текст ползваме =[текстови редактори]=. Програмистите са искали да улеснят работата си, затова модерните текстови редактори поддържат много помощни функционалности: показване на грешки на точния ред, автоматично форматиране, ... .p За някои и това не е било достатъчно удобно, затова са създадени =[Integrated Development Environment]= (IDE), програми които съдържат в себе си всичко нужно за разработка на код. Тоест, те са текстови редактори, но "вградено" могат да компилират код, да менижират сегашното repository, ... :middle_slide .p Главно очакваме да пишете на IDE-то наречено Visual Studio. Разработено е от Microsoft и е едно от най-използваните и развитите IDE-та на пазара. .p Разбира се, може да ползвате и текстови редактори като Visual Studio Code, vim, emacs, ... Но изисква повече конфигуриране от ваша страна. .p Извън това, с мен може да говорите за vim и neovim :) :title_slide35 ## Инсталация .p Може да пропуснете тази секция ако работите с машините в компютърните зали. Visual Studio е вече инсталирано там. :slide ### Инсталация [$br5] .p За Visual Studio, отивате на [url https://visualstudio.microsoft.com/ visualstudio.microsoft.com], скролвате малко надолу, избирате "Download Visual Studio" и след това "Community 2022". .bulleted 'footnote vs-2022-old-win Може би има трикове с които да инсталирате 2022 версията, но те не са официални и затова няма да го преподам - Ако искате да ползвате по-стара ОС, като Windows 8.1 или Windows 7 ще трябва да използвате "Community 2019"[$vs-2022-old-win], разликата между версиите не е съществена, затова не се притеснявайте. :slide .p След като изтеглите инсталатора за Visual Studio и след като изчакате да заредят работи, би трябвало да имате прозорец на име "Installing - Visual Studio Community 2022". .p Единствено избирате "Desktop development with C++" в таба Workloads, и натискате "Install". Би трябвало да заема към 11 GB памет и в моето тестване се инсталира за 10тина минути. .centered .width80% [image ../../upp-2023/week1/img/vs-install.gif] :slide .p Когато е готово, би трябвало да се включи автоматично и да имате прозорец с име "Sign in to Visual Studio". За сега това не е нужно, спокойно изберете "Not now, maybe later." .p След това, на "Start with a familiar environment", отново, не е нужно да променяте нищо, просто натиснете "Start Visual Studio". :centered :width75% :row .p [image ../../upp-2023/week1/img/vs-signin.gif] .p [image ../../upp-2023/week1/img/vs-start-env.gif] :title_slide35 ## Как да използваме Visual Studio :slide ### Създаване на нов проект .p Това е първия прозорец, който се отваря. В лявата колона имате скорошни проекти, в дясната имате начини да създадете нов проект. :centered :width80% [image ../../upp-2023/week1/img/vs-open-recent.gif] :slide .p Нека да направим нов проект, кликнете "Create a new project". В този прозорец избирате началната "конфигурация" на проекта. В този курс ще работим само и единствено с "Console App", затова изберете него и кликнете "Next". :centered :width75% [image ../../upp-2023/week1/img/vs-create-project.gif] :slide .p Последния прозорец преди писането на код е за конфигурация на проекта. Тук единствено може да искате да промените Project Name и Location, другото не е важно. :centered :width80% [image ../../upp-2023/week1/img/vs-configure-project.gif] :slide #### Бърза вметка, какво и защо конзолата? .p През 19ти век са изобретени teleprinters: пишещи машини с възможности да печат текст от електрически сигнал. Използвали са се в телеграфията: пишеш като на пишеща машина съобщението и отговора се напечатва на същия лист хартия. В ранните години на компютрите, точно тези teleprinters са били използвани, все пак са били съществуваща технология, която "изпраща" текст като ел. сигнали и може да принтира ел. сигнали като текст. .p Имало е неудобства, използвало се е много хартия, и механиката на бутоните е била сложна. С времето компаниите са разработвали такива устройства, който обаче ползват електронно-лъчева тръба и "нормални" бутони за клавиши. .p Чисто практически, ние това знаем като конзолата: устройство (или в модерно време, програма) което може да получи входен текст и да изкара текст. :slide ### Компилиране на код .p След малко чакане, най-после ще се намираме в средата за писане на код. :centered :width60% .p [image ../../upp-2023/week1/img/vs-general.gif] .p В Solution Explorer имате всички файлове от проекта (Visual Studio позволява да групирате няколко проекта в едно, наречено Solution, не е нужно да се занимавате). .p Тук =[единственото важно за вас се намира в папката "Source Files"]=. В нея ще се намира вашия код, всичко останало са допълнителни неща, които са релевантни за по-големи проекти. :slide :row .p Компилирането на код става от менюто "Debug" най-отгоре, и след това избиране на "Start Without Debugging". :width50% :fright .p [image ../../upp-2023/week1/img/vs-debug-menu.gif] .p След малко чакане, би трябвало да излезе един прозорец, който изглежда горе-долу така: .p [image ../../upp-2023/week1/img/vs-console.gif] :slide ### Дебъгване [$br1] .p Bug е когато нещо непланирано се случи в кода. Debuging е глаголът за откриване на причината за един bug. Visual Studio предоставя много функционалности, които да ускорят debugging. .p Нека да въведем една грешка, в реда на който изкараме "Hello, World!", нека да махнем последната ";". .p При компилиране, ще получим съобщение за грешки по време на компилирането. .p [image ../../upp-2023/week1/img/vs-build-errors.gif] :slide .p Нека да натиснем "No" и да погледнем Visual Studio. .p Грешките, или поне където то си мисли че са, ще бъдат подчертани с червена зигзагообразна линия. Ако сложим мишката върху тях, ще получим popup, в който ще пише каква е грешката на това място. Грешки също се виждат в така наречения "Error List", който се намира директно под кода. Той се появява когато при компилиране получим грешки и изчезва когато няма. :centered :width70% [image ../../upp-2023/week1/img/vs-errors.gif] :title_slide35 .p [url ./zip.html?a Към "ZIP архиви упътване"]