msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '845ed4aed3'
${ noResults }
Web-Dev-For-Beginners/translations/sr/8-code-editor/1-using-a-code-editor
History
leestott 88264e8bfd
🌐 Update translations via Co-op Translator 		2 months ago
..
README.md 🌐 Update translations via Co-op Translator 2 months ago
assignment.md 🌐 Update translations via Co-op Translator 3 months ago

README.md
Escape

Коришћење уређивача кода: Савладавање VSCode.dev

Добродошли!
Ова лекција вас води од основа до напредног коришћења VSCode.dev—моћног, веб-базираног уређивача кода. Научићете како да са самопоуздањем уређујете код, управљате пројектима, пратите измене, инсталирате екстензије и сарађујете као професионалац—све из вашег прегледача, без потребе за инсталацијом.

Циљеви учења

На крају ове лекције, бићете у могућности да:

  • Ефикасно користите уређивач кода за било који пројекат, било где
  • Беспрекорно пратите свој рад уз уграђену контролу верзија
  • Персонализујете и унапредите свој развојни ток рада уз прилагођавања уређивача и екстензије

Предуслови

Да бисте започели, региструјте бесплатан GitHub налог, који вам омогућава управљање репозиторијумима кода и сарадњу широм света. Ако још немате налог, креирајте га овде.

Зашто користити веб-базирани уређивач кода?

Уређивач кода као што је VSCode.dev је ваша командна централа за писање, уређивање и управљање кодом. Са интуитивним интерфејсом, мноштвом функција и тренутним приступом преко прегледача, можете:

  • Уређивати пројекте на било ком уређају
  • Избећи компликације са инсталацијама
  • Сарађивати и доприносити одмах

Када се удобно снађете са VSCode.dev, бићете спремни да се ухватите у коштац са задацима програмирања било где, било када.

Почетак рада са VSCode.dev

Отворите VSCode.dev—без инсталације, без преузимања. Пријављивање преко GitHub-а откључава пун приступ, укључујући синхронизацију ваших подешавања, екстензија и репозиторијума. Ако вам се затражи, повежите свој GitHub налог.

Након учитавања, ваш радни простор ће изгледати овако:

![Подразумевани VSCode.dev](../images/default-vscode-dev има три основна дела, слева надесно:

  • Трака активности: Иконе као што су 🔎 (Претрага), ⚙️ (Подешавања), фајлови, контрола извора, итд.
  • Бочна трака: Мења контекст у зависности од изабране иконе на траци активности (подразумевано је Истраживач за приказ фајлова).
  • Област за уређивање/код: Највећи део са десне стране—место где заправо уређујете и прегледате код.

Кликните на иконе да истражите функције, али се вратите на Истраживач да бисте остали на месту.

Отварање GitHub репозиторијума

Метод 1: Из уређивача

  1. Идите на VSCode.dev. Кликните "Open Remote Repository."

    ![Отвори удаљени репозиторијум](../../../../8-code-editor/images/open-remote-repository користите Command Palette (Ctrl-Shift-P, или Cmd-Shift-P на Mac-у).

    ![Мени палете](../images/palette-menu.png отворите удаљени репозиторијум.”

    • Изаберите опцију.
    • Налепите URL вашег GitHub репозиторијума (нпр. https://github.com/microsoft/Web-Dev-For-Beginners) и притисните Enter.

Ако је успешно, видећете цео пројекат учитан и спреман за уређивање!

Метод 2: Одмах преко URL-а

Претворите било који GitHub URL да се директно отвори у VSCode.dev заменом github.com са vscode.dev/github.
Нпр.:

  • GitHub: https://github.com/microsoft/Web-Dev-For-Beginners
  • VSCode.dev: https://vscode.dev/github/microsoft/Web-Dev-For-Beginners

Ова функција значајно убрзава брзи приступ било ком пројекту.

Уређивање фајлова у вашем пројекту

Када је ваш репозиторијум отворен, можете:

1. Креирати нови фајл

  • У Истраживач бочној траци, идите до жељеног фолдера или користите корен.
  • Кликните на икону ‘New file ...’.
  • Дајте име вашем фајлу, притисните Enter, и ваш фајл ће се одмах појавити.

![Креирај нови фајл](../images/create-new-file 2. Уређивање и чување фајлова

  • Кликните на фајл у Истраживачу да га отворите у области за код.
  • Направите измене по потреби.
  • VSCode.dev аутоматски чува ваше измене, али можете притиснути Ctrl+S за ручно чување.

![Уреди фајл](../images/edit-a-file.png. Праћење и потврђивање измена уз контролу верзија

VSCode.dev има интегрисану Git контролу верзија!

  • Кликните на икону 'Source Control' да видите све направљене измене.
  • Фајлови у фолдеру Changes приказују додавања (зелено) и брисања (црвено).
    ![Преглед измена](../images/working-tree.png измене кликом на + поред фајлова да их припремите за потврду.
  • Одбаците нежељене измене кликом на икону за поништавање.
  • Унесите јасну поруку за потврду, затим кликните на ознаку за потврду да бисте потврдили и послали.

Да бисте се вратили на ваш репозиторијум на GitHub-у, изаберите мени хамбургер на врху леве стране.

![Припрема и потврда измена](../images/edit-vscode.dev Уз екстензије

Екстензије вам омогућавају да додате језике, теме, дебагере и алате за продуктивност у VSCode.dev—чинећи ваш живот програмирања лакшим и забавнијим.

Преглед и управљање екстензијама

  • Кликните на икону екстензија на траци активности.

  • Претражите екстензију у пољу 'Search Extensions in Marketplace'.

    ![Детаљи екстензије](../images/extension-details:

    • Инсталиране: Све екстензије које сте додали
    • Популарне: Омиљене у индустрији
    • Препоручене: Прилагођене вашем току рада

    ![Преглед екстензија](

1. Инсталирање екстензија

  • Унесите име екстензије у претрагу, кликните на њу и прегледајте детаље у уређивачу.

  • Притисните плаво дугме за инсталацију у бочној траци или у главној области кода.

    ![Инсталирање екстензија](../images/install-extension 2. Прилагођавање екстензија

  • Пронађите вашу инсталирану екстензију.

  • Кликните на икону зупчаника → изаберите Extension Settings да прилагодите понашање по вашем укусу.

    ![Модификација подешавања екстензије](../images/extension-settings 3. Управљање екстензијама Можете:

  • Онемогућити: Привремено искључити екстензију док је задржавате инсталираном

  • Деинсталирати: Трајно уклонити ако вам више није потребна

    Пронађите екстензију, притисните икону зупчаника и изаберите ‘Disable’ или ‘Uninstall,’ или користите плава дугмад у области кода.

Задатак

Тестирајте своје вештине: Креирајте веб-сајт за резиме користећи vscode.dev

Додатно истраживање и самостално учење

Сада сте спремни да програмирате, креирате и сарађујете—са било ког места, на било ком уређају, користећи VSCode.dev!

Одрицање од одговорности:
Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције Co-op Translator. Иако се трудимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати ауторитативним извором. За критичне информације препоручује се професионални превод од стране људи. Не сносимо одговорност за било каква погрешна тумачења или неспоразуме који могу произаћи из коришћења овог превода.