В този файл са представени няколко основни начина за работа с текстовия редактор Visual Studio Code. За по-лесно и бързо ориентиране може да погледнете съдържанието в лявата част на документа.
За програмата
Основните предимства на Visual Studio Code са, че лесно можем да сменяме между различни файлове, да следим цели директории, да изпълняваме код на много езици директно от редактора, както и автоматично форматиране и оцветяване на код.
Програмата има няколко основни части, като за нашия курс ще са нужни само част от тях:
- 1 е основното поле, защото там пишем своя код!
- 2 – мястото, където се показват всички отворени от програмата файлове в момента – могат да са много на брой!
- 3 – менюто, от което следим директории и отваряме нови файлове
Сваляне и инсталация
Програмата може да се свали от
https://code.visualstudio.com/download
При отваряне на страницата, трябва да се натисне прозорецът с операционната система на нашия компютър. Например, при компютър на Windows се избира този вариант:
При натискането му програмата започва да се тегли. След приключване трябва да намерим изтегления файл, за да можем да инсталираме Visual Studio Code! При отваряне на файла може компютърът да ни пита дали искаме да го отворим. Натискаме Run.
Излиза прозорец с общите условия за ползване на програмата. Главно се казва, че можем да използваме програмата както решим, стига да не е с лоши цели и че може Microsoft да получава данни за това как използваме програмата с цел нейното подобряване.
За да продължим, трябва да се съгласим (1) и да натиснем Next (2).
Следващата стъпка е да изберем няколко предпочитания за програмата:
Изберете първата кутия, ако искате да имате икона на програмата на desktop.
За останалите (оградени в червено) кутии е препоръчително да се оградят, тъй като те ще направят работата с програмата по-лесна.
След избора се натиска Next.
На следващата страница се натиска Install.
След като тази програма приключи, Visual Studio Code е инсталиран!
Вкарване на директория
Тъй като обикновено при работа имаме една главна директория, в която стоят всички нужни файлове за работа, във Visual Studio Code можем да вкарваме директория. По този начин можем лесно да я следим, отваряме, затваряме и редактираме файлове, както и да създаваме нови. Става по следния начин:
- Отваряме Visual Studio Code
- Натискаме на първия таб в менюто отляво – иконката е 2 страници
- Натискаме бутона Add Folder
- Избираме директорията, която искаме да следим.
- Натискаме Add
В лявата част на екрана се появява избраната директория. Ако не се показват файловете и папките в нея, трябва да я разширим:
Това става с натискане на стрелкичката от ляво на името на директорията.
Можем да следим повече от една директория, като натиснем десен бутон в някое празно поле и изберем Add Folder to Workspace
След това повтаряме горната процедура. Крайният резултат е следният:
Сега се следят 2 отделни директории: “Пример” и “Dev Academy”, които нямат общо помежду си!
Създаване на файл
След като сме избрали директория, създаването на файл е лесно:
- Отивате в първото меню на Visual Studio Code
- Натискате десен бутон върху директорията, в която искаме да създадем файл
- Избираме New File (ако искаме да създадем папка в тази директория, натискаме New Folder)
- В новопоявилото се поле за текст, пишем желаното име на файла, заедно с неговото окончание (.html/.css/.js или друго)
Натискаме Enter. Файлът вече е създаден и е отворен за писане!
Работа с файлове
Често ще ни се налага да пишем в различни файлове докато работим по задачи. Това става лесно с Visual Studio Code.
В следващия пример съм отворил два файла – index.html и scripts.js
За да избера файл, в който да пиша, просто натискам върху него.
Ако съм писал в даден файл, но не съм запазил промените, той изглежда по следния начин:
(появява се бяла точка в дясно от името му)
Най-бързият начин да запазим промените във файл е да натиснем Ctrl + S (ако не направим това, след затваряне на програмата, промените ще се изтрият).
Ако файловете, с които работим станат прекалено много и започнат да ни пречат, можем да затворим някои от тях. Това става с натискането на X бутона в дясно от името на файла.
(Имайте предвид, че ако във файла има незапазени промени, програмата ще пита дали сме сигурни, че искаме да го затворим. Ако кажем да, всички промени, които не сме запазили, ще бъдат изтрити)
При това действие, файлът все още съществува, но просто не е отворен във Visual Studio Code. Ако искаме да го отворим наново, можем да го намерим в някоя от директориите в таба Explorer (първия таб отляво). Ако директорията на файла не е отворена, можем да намерим файла на нашия компютър, след което да натиснем десен бутон и Open with Code.
