Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

установка ΠΈ настройка β€” Π–ΡƒΡ€Π½Π°Π» «Код»

НСдавно ΠΌΡ‹ бСсСдовали с Анной Π›Π΅ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΎ Π΅Ρ‘ ΠΏΡƒΡ‚ΠΈ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ. Аня ΠΏΠΈΡˆΠ΅Ρ‚ ΠΊΠΎΠ΄ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Visual Studio Code ΠΈ сСгодня подСлится своими настройками. Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Ρ‘ для ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹.Β 

Π‘Ρ‚Π°Ρ‚ΡŒΡ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ знакомится с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈ ΠΈΡ‰Π΅Ρ‚ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ β€” Ρ‚Π°ΠΊΠΎΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ‚ Π½Π΅ ΠΌΠ΅Π½ΡΡ‚ΡŒ.Β 

Π§Ρ‚ΠΎ Π·Π° Visual Studio Code?

Π­Ρ‚ΠΎ популярная бСсплатная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², которая ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. НапримСр:

  • Π—Π½Π°Π΅Ρ‚ синтаксис Ρ€Π°Π·Π½Ρ‹Ρ… языков программирования ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ Π½Π΅ ΠΎΡˆΠΈΠ±ΠΈΡ‚ΡŒΡΡ Π² Ρ‚ΠΎΡ‡ΠΊΠ΅ с запятой ΠΈΠ»ΠΈ скобочкС.
  • Π‘Π°ΠΌΠ° подставляСт Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ распространённыС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π°.
  • ΠŸΠΎΠΌΠ½ΠΈΡ‚ названия Π²Π°ΡˆΠΈΡ… ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΈ подсказываСт ΠΈΡ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ ошибок.
  • Π£ΠΌΠ΅Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ваш ΠΊΠΎΠ΄ Π½Π° Π“ΠΈΡ‚.
  • ΠŸΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ Π΅Ρ‘ Π² ΠΌΠ΅Π³Π°ΠΊΠΎΠΌΠ±Π°ΠΉΠ½ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

VSCode β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ бСсплатный ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠΌ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΏΠΎΠ΄ свои Π·Π°Π΄Π°Ρ‡ΠΈ. Π•ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅: Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Sublime Text ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ JetBrains.Β 

πŸ‘‰ ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π΄Π΅Π»Π°Π΅Ρ‚ ваш ΠΊΠΎΠ΄ ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌ, Π° ваши собствСнныС знания Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠ², Ρ‚ΠΈΠΏΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ возмоТностСй языка. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ программист Π½Π°ΠΏΠΈΡˆΠ΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΊΠΎΠ΄ Ρ…ΠΎΡ‚ΡŒ Π½Π° салфСткС, Π° ΠΏΠ»ΠΎΡ…ΠΎΠΌΡƒ Π½Π΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π°ΠΆΠ΅ самый Π½Π°Π²ΠΎΡ€ΠΎΡ‡Π΅Π½Π½Ρ‹ΠΉ софт.Β 

Установка 

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° code.visualstudio.com ΠΈ скачайтС Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΠΎΠ΄ свою ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ систСму β€” Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° для Linux, Windows ΠΈ Mac OS. Π”Π°Π»Π΅Π΅ просто слСдуйтС ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹-Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ° ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Visual Studio Code послС установки

ΠŸΠ΅Ρ€Π΅Π΄ знакомством с интСрфСйсом Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ страницу с Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠ΅ΠΉ β€” Docs. Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ всю сразу Π΄ΠΎ Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ. Если Π½Π΅ получится β€” постСпСнно Π² свободноС врСмя. ДокумСнтация β€” это инструкция ΠΊ инструмСнту. Если Π²Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ возмоТности VS Code, Ρ‚ΠΎ смоТСтС Π΅Π³ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ сСбя.

❌ Новички часто Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Ρ‚Ρ‹ΠΊΠ°: ΡΠΊΠ°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ нСсколько ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ†Π΅Π½ΠΈΠ²Π°ΡŽΡ‚ ΠΈΡ… интСрфСйс ΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΌ, Π³Π΄Π΅ ΠΈΠΌ каТСтся ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΈΠ»ΠΈ красивСС. Π Π΅Π΄ΠΊΠΎ Π±Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ программиста устраиваСт стандартный интСрфСйс ΠΈ настройки β€” Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ Π² этом случаС ΠΏΡ€Ρ‹Π³Π°ΡŽΡ‚ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ, ΡΡ€Π°Π²Π½ΠΈΠ²Π°ΡŽΡ‚ ΠΈΡ… Π±Π°Π·ΠΎΠ²Ρ‹Π΅ возмоТности ΠΈ Ρ‚Π΅Ρ€ΡΡŽΡ‚ врСмя.Β 

βœ…Β  Π’Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ. Нравится внСшний Π²ΠΈΠ΄ Sublime Text, Π½ΠΎ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ ΠΌΠΎΡ‰ΠΈ VS Code β€” Π½Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ: Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Ρ‚Π΅ΠΌΡƒ, мСняСтС ΡˆΡ€ΠΈΡ„Ρ‚, добавляСтС ΠΏΠ°Ρ€Ρƒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ быстро ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ VS Code, ΠΈΠ·ΡƒΡ‡Π°ΠΉΡ‚Π΅ интСрфСйс ΠΏΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.Β 

ΠŸΡ€ΠΎΠΊΠ°Ρ‡ΠΈΠ²Π°Π΅ΠΌ собствСнный тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Настройка

VS Code Π³ΠΎΡ‚ΠΎΠ² ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ сразу послС установки β€” Π² Π½Π΅Π³ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. МоТно сразу Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈΠ»ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Π½ΠΎΠ²ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅. НуТно Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ½ΡƒΡ‚ΡŒ ΠΊ интСрфСйсу.Β 

Если Π²Ρ‹ Ρ€Π°Π½ΡŒΡˆΠ΅ пользовались Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ Π½Π΅ ΡƒΠ΄Π°Π»ΠΈΠ»ΠΈ Π΅Π³ΠΎ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Ρ‚ΠΎ VS Code автоматичСски ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ пСрСнСсти сохранённыС настройки. Для пСрСноса Π²Π°ΠΌ достаточно ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½Π° Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку ΠΈ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ VS Code β€” пСрСносятся ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΈ установлСнныС горячиС клавиши.Β 

Если Ρƒ вас Π΅Ρ‰Ρ‘ Π½Π΅ Π±Ρ‹Π»ΠΎ ΠΊΠΎΠ΄ΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Ρ‚ΠΎ Π½ΠΈΠΆΠ΅ ΠΌΡ‹ рассмотрим нСсколько Π±Π°Π·ΠΎΠ²Ρ‹Ρ… настроСк, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ интСрфСйс VS Code.Β 

УстанавливаСм русский язык. На Π»Π΅Π²ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Extensios ΠΈ Π² строкС поиска Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Russian Language Pack β€” это языковой ΠΏΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ VS Code ΠΏΠΎΠ΄ русский язык. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Install ΠΈ пСрСзапуститС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Π£ вас Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΡΡ русифицированный интСрфСйс.

Π―Π·Ρ‹ΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ Russian Language Pack

Если послС ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ язык Π½Π΅ измСнился β€” Π½Π° Π»Π΅Π²ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΡˆΠ΅ΡΡ‚Π΅Ρ€Ρ‘Π½ΠΊΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π» Command Palette. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ строка поиска: Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Display, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Configure Display Language ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Enter. Π‘ΠΌΠ΅Π½ΠΈΡ‚Π΅ язык с английского Π½Π° русский ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.Β 

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Visual Studio Code послС установки языкового ΠΏΠ°ΠΊΠ΅Ρ‚Π°

МСняСм Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ. Π’ Π»Π΅Π²ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ ΡˆΠ΅ΡΡ‚Π΅Ρ€Ρ‘Π½ΠΊΠΈ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€Π°Π·Π΄Π΅Π» «ЦвСтовая Ρ‚Π΅ΠΌΠ°Β» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Π΅ΠΌΡƒ, Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.Β 

Если Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ нравится β€” установитС Π»ΡŽΠ±ΡƒΡŽ внСшнюю Ρ‚Π΅ΠΌΡƒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ получится Π½Π°ΠΉΡ‚ΠΈ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Если Ρ‚Π΅ΠΌΠ° совмСстима с VS Code, Ρ‚ΠΎ послС скачивания ΠΎΠ½Π° сама откроСтся Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΈ Π²Π°ΠΌ достаточно Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΒ». ΠΠ°Ρ‡Π°Ρ‚ΡŒ поиск Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ с ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ маркСтплСйса, Π³Π΄Π΅ собраны тысячи бСсплатных Ρ‚Π΅ΠΌ.

Анна Π›Π΅ΠΎΠ½ΠΎΠ²Π° Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ Ρ‚Π΅ΠΌΡƒ Night Owl β€” ночная сова. Π•Ρ‘ ΠΌΡ‹ ΠΈ поставили для тСста

ДобавляСм Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚. Π’ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΡˆΠ΅ΡΡ‚Π΅Ρ€Ρ‘Π½ΠΊΡƒ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π» Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» β†’ «ВСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Β» β†’ Β«Π¨Ρ€ΠΈΡ„Ρ‚Β». ΠŸΠ΅Ρ€Π΅Π΄ Π²Π°ΠΌΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Font Family, Π² ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½ΡƒΠΆΠ½ΠΎ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° β€” Ссли этот ΡˆΡ€ΠΈΡ„Ρ‚ скачан ΠΈΠ»ΠΈ сохранён Π² ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмС, Ρ‚ΠΎ ΠΎΠ½ сразу отобразится Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. Π—Π΄Π΅ΡΡŒ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΆΠΈΡ€Π½ΠΎΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Π°.Β 

Как Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² вёрсткС

МСняСм стандартный ΡˆΡ€ΠΈΡ„Ρ‚ Visual Studio Code Π½Π° Courier New

Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ автосохранСниС. Π’ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡˆΠ΅ΡΡ‚Π΅Ρ€Ρ‘Π½ΠΊΡƒ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» β†’ «ВСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Β» β†’ Β«Π€Π°ΠΉΠ»Ρ‹Β». Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Auto Save, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ сохранСния Ρ„Π°ΠΉΠ»ΠΎΠ². ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Ρ€Π΅ΠΆΠΈΠΌ afterDelay с Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Π² ΠΎΠ΄Π½Ρƒ сСкунду β€” Ρ‚Π°ΠΊ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ сразу ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ всё, Ρ‡Ρ‚ΠΎ Π·Π°ΠΏΠΈΡˆΠ΅Ρ‚Π΅. Если Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ Ρ€Π΅ΠΆΠΈΠΌ onFocusChange, Ρ‚ΠΎ измСнСния Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ Ρ„Π°ΠΉΠ»Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒΡΡ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ onWindowChange измСнСния происходят сразу послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ сворачиваСтС VS Code ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ ΠΎΠΊΠ½Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ.

Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Ρ€Π΅ΠΆΠΈΠΌ автосохранСния ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„Π°ΠΉΠ»Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΠ»ΠΈΡΡŒ СТСсСкундно

ГорячиС клавиши

ГорячиС клавиши β€” это ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊ программиста ΠΈ инструмСнт для быстрого выполнСния Ρ€ΡƒΡ‚ΠΈΠ½Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡. ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ HTML-Ρ„Π°ΠΉΠ» ΠΈ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π΅Π³ΠΎ структуру. Π‘Π΅Π· горячих клавиш этот процСсс выглядит Ρ‚Π°ΠΊ:Β 

  1. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² мСню ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π€Π°ΠΉΠ»Β».Β 
  2. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ «Новый Ρ„Π°ΠΉΠ»Β».
  3. ВозвращаСмся Π² мСню ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π€Π°ΠΉΠ»Β».
  4. Находим ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ».Β Β Β Β 
  5. ПишСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ мСсто Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅, ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ (HTML) ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ».
  6. Π’Ρ€ΡƒΡ‡Π½ΡƒΡŽ прописываСм скСлСт HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ Ρ‚Ρ€Π°Ρ‚ΠΈΠΌ врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΈ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ структуру ΠΈΠ· ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.Β 

ΠœΡ‹ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ Π² многоэтапный процСсс, Π³Π΄Π΅ Π½ΡƒΠΆΠ½ΠΎ постоянно ΠΎΡ‚Ρ€Ρ‹Π²Π°Ρ‚ΡŒ Ρ€ΡƒΠΊΠΈ ΠΎΡ‚ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹, Ρ…Π²Π°Ρ‚Π°Ρ‚ΡŒΡΡ Π·Π° ΠΌΡ‹ΡˆΠΊΡƒ ΠΈ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ спискС. Π’Π΅ΠΏΠ΅Ρ€ΡŒ посмотрим, ΠΊΠ°ΠΊ это ΠΆΠ΅ дСйствиС ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ горячих клавиш. Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Mac OS β€” Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… систСмах горячиС клавиши Π±ΡƒΠ΄ΡƒΡ‚ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ, Π½ΠΎ сути это Π½Π΅ мСняСт:Β 

  1. Command + N β€” создаём Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ».Β 
  2. Shift + Command + S β€” Π²ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ».Β Β Β 
  3. ПишСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ мСсто хранСния, ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ (HTML) ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ».
  4. ! + tab β€” создаём структуру HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.Β 

Π‘ горячими клавишами ΠΌΡ‹ сократили количСство Ρ€ΡƒΡ‚ΠΈΠ½Π½Ρ‹Ρ… дСйствий ΠΈ быстро Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ β€” создали HTML-Ρ„Π°ΠΉΠ» ΠΈ написали структуру. Π’ случаС с ΠΎΠ±ΡŠΡ‘ΠΌΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ горячиС клавиши ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ часы Ρ€Π°Π±ΠΎΡ‚Ρ‹.Β 

Π’ VS Code ΠΏΠΎΠ΄ горячиС клавиши Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ всС ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹. Π—Π° ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΈΡ… Π½Π΅ Π²Ρ‹ΡƒΡ‡ΠΈΡ‚ΡŒ, Π΄Π° ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ β€” ΠΏΠΎΠ½Π°Π±Π»ΡŽΠ΄Π°ΠΉΡ‚Π΅ Π·Π° своим Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌ процСссом ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄Π½Ρƒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ выполняСтС Ρ‡Π°Ρ‰Π΅ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ…. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ горячиС клавиши ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ процСсс β€” Π²Ρ‹ΠΏΠΈΡˆΠΈΡ‚Π΅ эти клавиши ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ. Когда ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ½Π΅Ρ‚Π΅ β€” Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ, ΠΈ Ρ‚Π°ΠΊ Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° Π½Π΅ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ дСйствий Π±Π΅Π· ΠΌΡ‹ΡˆΠΊΠΈ ΠΈ мСню.Β 

Для просмотра всСх горячих клавиш Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π² Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π° ΡˆΠ΅ΡΡ‚Π΅Ρ€Ρ‘Π½ΠΊΡƒ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π» «БочСтания клавиш». Или Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ горячими клавишами ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Command + K + Command + S. ΠŸΠ΅Ρ€Π΅Π΄ Π²Π°ΠΌΠΈ появится Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ список с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄ ΠΈ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ установлСны ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ β€” Π»ΡŽΠ±ΡƒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π°ΠΉΡ‚ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ поисковика.Β 

Π§Ρ‚ΠΎ дальшС

А дальшС ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π½Π°ΡˆΡƒ ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΏΡ€ΠΎ Vim ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΊ своСму VSCode πŸ™‚

ВСкст:

Баша Бабаскин

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€:

Максим Π˜Π»ΡŒΡΡ…ΠΎΠ²

ΠšΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΎΡ€:

Π˜Ρ€Π° ΠœΠΈΡ…Π΅Π΅Π²Π°

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€:

Даня БСрковский

Вёрстка:

Маша Π”Ρ€ΠΎΠ½ΠΎΠ²Π°

БоцсСти:

ОлСг Π’Π΅ΡˆΠΊΡƒΡ€Ρ†Π΅Π²

ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ Π³Π°ΠΉΠ΄ ΠΏΠΎ настройкС ΠΈ установкС ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²

Visual Studio Code – это ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠ΅ΠΉ Microsoft. Он распространяСтся Π² бСсплатном доступС ΠΈ поддСрТиваСтся всСми Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΌΠΈ систСмами: Windows, Linux ΠΈ macOS. VS Code прСдставляСт собой ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ со всСвозмоТными языками программирования для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ любого IT-ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

НСсмотря Π½Π° ΡΡ‚ΠΎΠ»ΡŒ Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Π΅Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π΄ΠΎ сих ΠΏΠΎΡ€ остаСтся Π½Π΅ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΌ, ΠΈΠ·-Π·Π° Ρ‡Π΅Π³ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°, Π½Π΅ΠΆΠ΅Π»ΠΈ VS Code. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ всС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Visual Studio Code, Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΒ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΌ Π³Π°ΠΉΠ΄ΠΎΠΌ ΠΏΠΎ настройкС этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΊΠΎΠ΄Π°. Π’ Π½Π΅ΠΌ я ΠΏΠΎΠΊΠ°ΠΆΡƒ, Ρ‡Ρ‚ΠΎ VS Code – это ΠΌΠΎΡ‰Π½Ρ‹ΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ.

Установка Visual Studio Code

Π‘ установкой срСды Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, Π½ΠΎ Π΄Π°Π²Π°ΠΉΡ‚Π΅ всС ΠΆΠ΅ ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅ΠΌ нСбольшой Π»ΠΈΠΊΠ±Π΅Π·. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ нСсколько дСйствий:

  1. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌ установочный Ρ„Π°ΠΉΠ».
  2. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ шагом запускаСм установочник ΠΈ ставим Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€. Π’ Π±Π»ΠΎΠΊΠ΅ Β«Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈΒ» Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΒ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π΄Π²Π° ΠΏΡƒΠ½ΠΊΡ‚Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Ρ‡Π΅Ρ€Π΅Π· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню – Ρ‚Π°ΠΊ Π²Ρ‹ смоТСтС быстро ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΊΠΎΠ΄ Π² VS Code.

На этом установка Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° ΠΏΠΎ Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ с этим Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π½Π° слабых ΠΌΠ°ΡˆΠΈΠ½Π°Ρ… запуск ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρ‹ часто прСрываСтся. Π’Ρ‹Π»Π΅Ρ‡ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ Π½Π΅Π΄ΡƒΠ³ ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ добавлСния Π½ΠΎΠ²ΠΎΠ³ΠΎ значСния ΠΊ ΠΏΡƒΡ‚ΠΈ ярлыка. Для этого ΠΎΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ Π΅Π³ΠΎ свойства Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€Π°Π²Ρ‹ΠΉ ΠΊΠ»ΠΈΠΊ ΠΌΡ‹ΡˆΠΈ ΠΈ Π² Π³Ρ€Π°Ρ„Π΅ Β«ΠžΠ±ΡŠΠ΅ΠΊΡ‚Β» ΠΏΡ€ΠΎΠΏΠΈΡˆΠ΅ΠΌ —disable-gpu.

Π“ΠΎΡ‚ΠΎΠ²ΠΎ! Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° любом ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

ΠšΠΎΠΌΡŒΡŽΠ½ΠΈΡ‚ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π² Π’Π΅Π»Π΅Π³Ρ€Π°ΠΌ

ΠŸΠΎΠ΄ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ ΠΈ Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π² курсС послСдних IT-новостСй

ΠŸΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Visual Studio Code

ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΌ запускС ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ отобразится ΠΎΠΊΠ½ΠΎ привСтствия, Ρ‡Π΅Ρ€Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ быстрый доступ ΠΊ Ρ€Π°Π½Π΅Π΅ Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΒ Π»ΠΈΠ±ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅. Π’Π΅ΡΡŒ интСрфСйс Π½Π° английском языкС (всСго Π² нСсколько ΠΊΠ»ΠΈΠΊΠΎΠ² ΠΎΠ½ пСрСводится Π½Π° русский, Π½ΠΎ ΠΎΠ± этом Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅). Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΊΠ° разбСрСмся с интСрфСйсом: ΠΎΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ» с ΠΊΠΎΠ΄ΠΎΠΌ, посмотрим, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π±Π΅Π· ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… настроСк, ΠΈ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Π»ΠΎΠΊ ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρ‹.

Π—Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» с ΠΊΠΎΠ΄ΠΎΠΌ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€Π°Π²Ρ‹ΠΉ ΠΊΠ»ΠΈΠΊ ΠΌΡ‹ΡˆΠΈ -> ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Code.Β Π€Π°ΠΉΠ» ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅: для этого Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«FileΒ» ΠΈ ΠΆΠΌΠ΅ΠΌ Β«Open File…». ПослС этого ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² Π½ΡƒΠΆΠ½ΡƒΡŽ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ„Π°ΠΉΠ».

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ отобразится ΠΎΠΊΠ½ΠΎ с ΠΊΠΎΠ΄ΠΎΠΌ ΠΈΠ· Ρ„Π°ΠΉΠ»Π°. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΠΌ интСрфСйс Π½Π° Π±Π»ΠΎΠΊΠΈ ΠΈ рассмотрим ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· Π½ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎ.

ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ бросаСтся Π² Π³Π»Π°Π·Π°, – это Π±Π»ΠΎΠΊ ΠΊΠΎΠ΄Π°, для ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΎΡ‚Π²Π΅Π΄Π΅Π½ΠΎ большС всСго мСста. НазваниС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅ подсвСчСно Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ. Π—Π΄Π΅ΡΡŒ ΠΆΠ΅ ΡƒΠΊΠ°Π·Π°Π½ ΠΏΡƒΡ‚ΡŒ Π΄ΠΎ Ρ„Π°ΠΉΠ»Π°, Π° Ρ‡ΡƒΡ‚ΡŒ Π²Ρ‹ΡˆΠ΅ располоТСны Π²ΠΊΠ»Π°Π΄ΠΊΠΈ-Ρ„Π°ΠΉΠ»Ρ‹, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½ΠΈΡ… ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½Π΅ просто ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» с ΠΊΠΎΠ΄ΠΎΠΌ, Π° Ρ†Π΅Π»Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π±Π»ΠΎΠΊ – лСвая панСль управлСния, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π°Ρ Π² сСбя 5 основных Π²ΠΊΠ»Π°Π΄ΠΎΠΊ: Β«ΠŸΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΈΠΊΒ», «Поиск», «БистСма управлСния вСрсиями», «Запуск ΠΊΠΎΠ΄Π°Β» ΠΈ Β«Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΒ». ΠŸΠ΅Ρ€Π²Π°Ρ прСдоставляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ содСрТимоС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ быстро ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ.

Вторая Π²ΠΊΠ»Π°Π΄ΠΊΠ° – поиск. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для нахоТдСния слов Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡƒΡ‰Π΅Π½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ клавиш Β«CTRL+SHIFT+FΒ». Алгоритм использования довольно прост – Π²Π²ΠΎΠ΄ΠΈΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π² поиск ΠΈ смотрим Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

БистСма управлСния вСрсиями – ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для взаимодСйствия с git.

Π—Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚ΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠ΄Π° ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅:

Π•Ρ‰Π΅ одна ваТная Π²ΠΊΠ»Π°Π΄ΠΊΠ°, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΈΠ· Visual Studio Code ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρƒ, это Β«Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΒ». Π’ Π½Π΅ΠΉ находятся установочники для всСх популярных инструмСнтов, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π±Π»ΠΎΠΊ – Π½ΠΈΠΆΠ½ΠΈΠΉ статус-Π±Π°Ρ€. Π’ Π½Π΅ΠΌ отобраТаСтся общая информация ΠΎ состоянии ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ VS Code автоматичСски опрСдСляСт язык программирования ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅Ρ‚ нас ΠΎΠ± этом.

И Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·Π΄Π΅Π» – правая панСль, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π°Ρ Π² сСбя нСбольшой дисплСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΊΠΎΠ΄ Π² ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΊΡ€ΠΎΠ»Π»ΠΈΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ. Π—Π΄Π΅ΡΡŒ ΠΆΠ΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠΊΠ½ΠΎ ΠΊΠΎΠ΄Π° Π½Π° нСсколько столбцов, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ всС Ρ„Π°ΠΉΠ»Ρ‹ ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠ»ΠΈΠΊΠΎΠΌ – для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π΄Π²Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ.Β Β 

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ссли ΠΏΡ€ΠΎΠΉΡ‚ΠΈΡΡŒ ΠΏΠΎ интСрфСйсу ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚ΠΎ ΠΎΠ½Π° ΡƒΠΆΠ΅ Π½Π΅ каТСтся Ρ‚Π°ΠΊΠΎΠΉ слоТной. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ всС Π΅Ρ‰Π΅ ΠΏΡ€ΠΎΡ‰Π΅, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅ΠΌ Ρ€ΡƒΡΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ всСх элСмСнтов интСрфСйса. О Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π΄Π°Π»Π΅Π΅.

Русификация Visual Studio Code

Π§Ρ‚ΠΎΠ±Ρ‹ провСсти Ρ€ΡƒΡΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ ΠΈ прописываСм запрос vscode-language-pack-ru. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ Π½ΠΎΠ²Ρ‹ΠΉ элСмСнт с ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Β«InstallΒ» – ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ Π½Π΅ΠΉ ΠΈ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ установки.

ΠŸΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ смотрим, что язык интСрфСйса был ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π½Π° русский:

Если Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ англоязычный интСрфСйс, для этого потрСбуСтся ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π» с ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ установлСнный ΠΏΠ°ΠΊΠ΅Ρ‚ с русским языком.

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄

ΠœΡ‹Β ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ схСму ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρ‹. Π§Ρ‚ΠΎΠ±Ρ‹ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠ΅ΠΉ клавиш Β«CTRL+SHIFT+PΒ» ΠΈ Π²Π²Π΅Π΄Π΅ΠΌ запрос Β«themeΒ». Π’ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ²ΡˆΠ΅ΠΌΡΡ спискС Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹: ЦвСтовая Ρ‚Π΅ΠΌΠ°Β».

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ отобразится список Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Ρ‚Π΅ΠΌ – для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° возьмСм ΡΠΎΠ»Π½Π΅Ρ‡Π½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ.

ПослС примСнСния тСмы интСрфСйс ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π²ΠΈΠ΄:

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ это Π½Π΅ вСсь список Ρ‚Π΅ΠΌ – Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅. Для этого пролистайтС Π² самый Π½ΠΈΠ· списка ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ тСмы…». ПослС этого Π² Π»Π΅Π²ΠΎΠΉ части отобразится Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π±Π»ΠΎΠΊ с доступными Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ к тСхничСским ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°ΠΌ ΠΈ рассмотрим Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅: Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ Ρ‚Π΅ΠΌΡ‹ для VS Code

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Visual Studio Code ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с нСсколькими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈΒ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ. Для удобства ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Project Manager. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ открываСтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ пСрСмСщСния ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌΠΈ областями всСго Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠ»ΠΈΠΊ. Установка ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠ°Π³Π°Π·ΠΈΠ½ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ Ρ€Π°Π½Π΅Π΅. ПослС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π±ΡƒΠ΄Π΅Ρ‚ установлСн, Π² Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ управлСния появится новая Π²ΠΊΠ»Π°Π΄ΠΊΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ€Π°Π±ΠΎΡ‚Π° с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… трудностСй.

АвтоформатированиС ΠΊΠΎΠ΄Π°

Один ΠΈΠ· Π²Π°ΠΆΠ½Ρ‹Ρ… этапов программирования – ΡƒΠΌΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ всС ΠΊ Π΅Π΄ΠΈΠ½ΠΎΠΌΡƒ Π²ΠΈΠ΄Ρƒ с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ отступами. Для Ρ‚Π°ΠΊΠΈΡ… Π·Π°Π΄Π°Ρ‡ Π² VS Code Π΅ΡΡ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ вСсь тСкстовый Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, ΠΊΠ°ΠΊ PHP-CS-Fixer для PHP, Prettier для JS/HTML/CSS ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

Рассмотрим, ΠΊΠ°ΠΊ форматируСтся ΠΊΠΎΠ΄, написанный Π½Π° JavaScript:

  1. Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, отступы Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ выстроСны случайным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.
  2. УстанавливаСм ΠΏΠ»Π°Π³ΠΈΠ½ Prettier Ρ‡Π΅Ρ€Π΅Π· ΠΌΠ°Π³Π°Π·ΠΈΠ½ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. Π—Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Β«CTRL+SHIFT+PΒ» ΠΈ Π²Π²ΠΎΠ΄ΠΈΠΌ запрос Β«Format DocumentΒ».
  3. Π‘ΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π½Π° ΠΊΠΎΠ΄ ΠΈ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ прСобразился ΠΈ принял Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΉ Π²ΠΈΠ΄.

Аналогичным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄, написанный Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… языках программирования. Для этого достаточно ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅.

АвтодополнСниС

Π’ популярных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ…, ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… Visual Studio, встроСна функция автодополнСния, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰Π°Ρ Π·Π°Π²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ ΠΊΠΎΠ΄. НапримСр, Π²Ρ‹ ΠΏΠΈΡˆΠΈΡ‚Π΅ строчку ΠΊΠΎΠ΄Π°, Π° срСда подсказываСт, ΠΊΠ°ΠΊ Π΅Π΅ Π·Π°Π²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой ΠΎΠΏΡ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, Π½ΠΎ ΠΈ быстро Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ функция автодополнСния Π² Visual Studio Code доступна Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… языков. Для ΠΏΡ€ΠΎΡ‡ΠΈΡ… языков программирования ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ с ΠΎΠΊΠΎΠ½Ρ‡Π°Π½ΠΈΠ΅ΠΌ Β«intellisenseΒ».

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ доступны, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ PHP Intellisense, CSS Intellisense ΠΈ Path Intellisense.

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Vim

Vim – это свободный тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ Π½Π° основС vi. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½ установлСн Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмС сСмСйства Unix. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ доступСн ΠΈ Π² Visual Studio Code. Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π½ΠΈΠΌ потрСбуСтся ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ с Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ Ρ„Π°ΠΉΠ»Ρƒ клавишами h, j, k, l, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Esc ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ» ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ :w.

ΠžΡ‚Π»Π°Π΄ΠΊΠ° ΠΊΠΎΠ΄Π°

Для Ρ‚ΠΎΠ³ΠΎΒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ Π² VS Code, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. НапримСр, для JavaScript ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Debugger for Chrome. Π£Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ языка, ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Π΅Ρ€Π΅Π· Β«Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒΒ» -> Β«Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ отладчики…».

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π² Π»Π΅Π²ΠΎΠΉ части ΠΎΠΊΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ список доступных ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² – Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΌ подходящий для вас ΠΈ слСдуйтС инструкции.

ПослС Ρ‚ΠΎΠ³ΠΎΒ ΠΊΠ°ΠΊ Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π±ΡƒΠ΄Π΅Ρ‚ установлСн, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ ΠΊΠΎΠ΄Π°. Для этого достаточно ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒΒ» ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π—Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒΒ». Π’Π°ΠΊΠΆΠ΅ это ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ клавиши Β«F5Β».

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄, написанный Π½Π° любом языкС программирования.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

БСгодня ΠΌΡ‹ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π»ΠΈ функционал инструмСнта Visual Studio Code. Данная срСда Ρ…ΠΎΡ€ΠΎΡˆΠ° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для профСссионалов, Π½ΠΎ ΠΈ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², ΠΈΠ·ΡƒΡ‡Π°ΡŽΡ‰ΠΈΡ… основы программирования. Одно ΠΈΠ· прСимущСств ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ – это минимальноС Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊ ΠΆΠ΅Π»Π΅Π·Ρƒ: Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ практичСски Π½Π° любом ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

НадСюсь, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π° Π² VS Code большС Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ для вас ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, Π° Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΆΠ΄Π΅Ρ‚ успСх. Π£Π΄Π°Ρ‡ΠΈ!

Π―Π·Ρ‹ΠΊ отобраТСния ΠΊΠΎΠ΄Π° Visual Studio (локаль)

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ

Visual Studio Code ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ поставляСтся с английским языком Π² качСствС языка отобраТСния, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ языки зависят ΠΎΡ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ языковых ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², доступных Π² Marketplace.

VS Code опрСдСляСт язык ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ языковой ΠΏΠ°ΠΊΠ΅Ρ‚, Ссли ΠΎΠ½ доступСн Π² Marketplace. НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‰ΠΈΠΉ языковой ΠΏΠ°ΠΊΠ΅Ρ‚ для ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½ΠΎΠ³ΠΎ китайского языка:

ПослС установки Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ языкового ΠΏΠ°ΠΊΠ΅Ρ‚Π° ΠΈ запроса Π½Π° ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ VS Code Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ языковой ΠΏΠ°ΠΊΠ΅Ρ‚, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ языку ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса вашСй ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ . Π’ этом Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ язык отобраТСния Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС VS Code с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ языковых ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ французский ΠΈΠ»ΠΈ китайский. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ языка программирования, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для C++ ΠΈΠ»ΠΈ Java, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ Ρ€Π°Π·Π΄Π΅Π»Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Β«Π―Π·Ρ‹ΠΊΠΈ программирования».

ИзмСнСниС языка отобраТСния

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ язык ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, явно Π·Π°Π΄Π°Π² язык отобраТСния VS Code с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Configure Display Language .

НаТмитС β‡§βŒ˜P (Windows, Linux Ctrl+Shift+P), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ ΠΊΠΎΠΌΠ°Π½Π΄ , Π·Π°Ρ‚Π΅ΠΌ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Β«displayΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ

Configure Display Language .

НаТмитС Enter, ΠΈ отобразится список установлСнных языков ΠΏΠΎ Π»ΠΎΠΊΠ°Π»ΠΈ с Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌΠΈ локаль Π²Ρ‹Π΄Π΅Π»Π΅Π½Π°.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ языки… , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ языковыС ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΠ· Marketplace, ΠΈΠ»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΡƒΡŽ локаль ΠΈΠ· списка. Для измСнСния Π»ΠΎΠΊΠ°Π»ΠΈ трСбуСтся пСрСзапуск VS Code. Π’Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ локаль .

Команда Configure Display Language записываСт Π² Ρ„Π°ΠΉΠ» Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ срСды выполнСния argv.json Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ VS Code (

.vscode ).

Π―Π·Ρ‹ΠΊΠΎΠ²ΠΎΠΉ стандарт Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π² Ρ„Π°ΠΉΠ» argv.json Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ( Preferences: Configure Runtime Arguments ) ΠΈ пСрСзапустив VS Code.

ДоступныС языки

Π―Π·Ρ‹ΠΊ интСрфСйса Π Π΅Π³ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π½ΠΎΠΌΠ΅Ρ€
Английский (БША) и
Π£ΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉ китайский ΠΆ-сп
Π’Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ китайский ΠΆ-Ρ‚Π²
Ѐранцузский Ρ„Ρ€
Π½Π΅ΠΌΠ΅Ρ†ΠΊΠΈΠΉ
ΠΎΡ‚
ΠΈΡ‚Π°Π»ΡŒΡΠ½ΡΠΊΠΈΠΉ это
Испанский Сс
Японский и
ΠšΠΎΡ€Π΅ΠΉΡΠΊΠΈΠΉ ΠΊΠΎ
Русский ru
ΠŸΠΎΡ€Ρ‚ΡƒΠ³Π°Π»ΡŒΡΠΊΠΈΠΉ (Бразилия) ΠΏΡ‚-Π±Ρ€
Π’ΡƒΡ€Π΅Ρ†ΠΊΠΈΠΉ Ρ‚. Ρ€.
польский стр.
ЧСхия кс

Π―Π·Ρ‹ΠΊΠΎΠ²Ρ‹Π΅ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ Marketplace

Как описано Π²Ρ‹ΡˆΠ΅, VS Code поставляСтся с английским языком интСрфСйса ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π½ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ языки доступны Ρ‡Π΅Ρ€Π΅Π· языковыС ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ Marketplace.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ языковыС ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² прСдставлСнии Β«Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΒ» (β‡§βŒ˜X (Windows, Linux Ctrl+Shift+X)) ΠΏΡƒΡ‚Π΅ΠΌ Π²Π²ΠΎΠ΄Π° искомого языка вмСстС с ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠ΅ΠΉ: Β«Π―Π·Ρ‹ΠΊΠΎΠ²Ρ‹Π΅ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹Β» .

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ нСсколько языковых ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ язык интСрфСйса с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Configure Display Language .

Настройка языка

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ язык для сСанса VS Code, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки

--locale , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ локаль ΠΏΡ€ΠΈ запускС VS Code.

НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ использования ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки --locale для установки французского языка отобраТСния VS Code:

 code . --locale=Ρ„Ρ€.
 

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : Ρƒ вас Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ установлСн ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ языковой ΠΏΠ°ΠΊΠ΅Ρ‚ для языка, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΡƒΠΊΠ°ΠΆΠ΅Ρ‚Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»Ρ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки. Если ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ языковой ΠΏΠ°ΠΊΠ΅Ρ‚ Π½Π΅ установлСн, VS Code Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ английский язык.

ΠžΠ±Ρ‰ΠΈΠ΅ вопросы

НСвозмоТно Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² Ρ„Π°ΠΉΠ», Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» грязный

Π­Ρ‚ΠΎ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ваш Ρ„Π°ΠΉΠ» argv.json Π½Π΅ Π±Ρ‹Π» сохранСн послС ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ измСнСния. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Π½Π΅Ρ‚ Π»ΠΈ ошибок Π² Ρ„Π°ΠΉΠ»Π΅ ( Настройки: Настройка Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² срСды выполнСния ), ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» сохранСн, ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ снова ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ языковой ΠΏΠ°ΠΊΠ΅Ρ‚.

ΠœΠΎΠ³Ρƒ Π»ΠΈ я внСсти свой Π²ΠΊΠ»Π°Π΄ Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ языкового ΠΏΠ°ΠΊΠ΅Ρ‚Π°?

Π”Π°, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π»ΠΎΠΊΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ сообщСства Visual Studio Code ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ для всСх, участники ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‹, Π³ΠΎΠ»ΠΎΡΠΎΠ²Π°Ρ‚ΡŒ Π·Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‹ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ процСсса.

Как Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ язык программирования, ΠΊΠ°ΠΊ Python?

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ Ρ€Π°Π·Π΄Π΅Π»Ρƒ Β«Π―Π·Ρ‹ΠΊΠΈ программирования», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ языков программирования, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ PHP, Python ΠΈ Java.

01.03.2023

ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс — Как ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ язык ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² Visual Studio Code?

спросил

ИзмСнСно 5 мСсяцСв Π½Π°Π·Π°Π΄

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΎ 61ΠΊ Ρ€Π°Π·

Как ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ язык ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² Visual Studio Code (вСрсия 1.0, выпущСнная Π² Π°ΠΏΡ€Π΅Π»Π΅ 2016 Π³.)?

  • ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс
  • visual-studio-code
  • Open VScode
  • НаТмитС F1 ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Β«ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»
  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ язык интСрфСйса»
  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ свой язык. Π‘Π²Π΅Ρ€Ρ…Ρƒ установлСны языки, Π½ΠΈΠΆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ языки. Π’ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅, Π±ΡƒΠ΄Π΅Ρ‚ установлСн ΠΊΠ°ΠΊ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅.
  • ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ пСрСзапуск.
  • Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π²Π°ΠΌΠΈ язык Π±Ρ‹Π» Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, Π²Ρ‹Π±Ρ€Π°Π² Π·Π½Π°Ρ‡ΠΎΠΊ Β«Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅Β» Π½Π° Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов (ΠΈΡ‰ΠΈΡ‚Π΅ «языковой ΠΏΠ°ΠΊΠ΅Ρ‚ xxxΒ»)

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ здСсь

ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ исходный ΠΎΡ‚Π²Π΅Ρ‚ (для Π±ΠΎΠ»Π΅Π΅ старого vscode):

  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ VSCode
  • НаТмитС F1 ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ «язык»
  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ язык» Π² мСню
  • Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ «локаль». Π‘ΠΌ. Β«Π—Π΄Π΅ΡΡŒΒ» для доступных языков.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: "locale":"en-US"

  • Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ
  • ΠŸΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ vscode

6

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΌΠΎΠΉ китайский (ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ язык, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° вашСм ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅) довольно ΠΏΠ»ΠΎΡ…ΠΎΠΉ, я ΠΎΠΏΠΈΡˆΡƒ, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ язык отобраТСния Π½Π° амСриканский английский Π±Π΅Π· с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ VSCode.

  • Π—Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ VSCode
  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» locale.json с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° (я ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ вмСсто для использования VSCode).

    Π’ Windows Ρ„Π°ΠΉΠ» находится Π² ΠΏΠ°ΠΏΠΊΠ΅ C:\Users\UserName\AppData\Roaming\Code\User

    На Linux это Π½ΠΈΠΆΠ΅ $HOME/.config/Code/User

    На Mac это Π½ΠΈΠΆΠ΅ $HOME/Library/Application Support/Code/User

  • Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТимоС Ρ„Π°ΠΉΠ»Π° Π½Π°

     {
         «локаль»: «en-US»
    }
     
  • Π‘Π½ΠΎΠ²Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ VSCode

3

Π‘ΠΌ. Β«Π―Π·Ρ‹ΠΊ отобраТСния» https://code.visualstudio.com/docs/getstarted/locales

Π£ мСня Π±Ρ‹Π»ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с этим, ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ Π­Ρ€ΠΈΠΊΠ° Π‘ΠΎΠ»Π΅-ЀСйсота Π½Π΅ ΠΏΠΎΠΌΠΎΠ³, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π² Π½Π΅ΠΌ отсутствуСт Π²Π°ΠΆΠ½Ρ‹ΠΉ шаг.

  1. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ ΠΊΠΎΠ΄ VS
  2. НаТмитС F1
  3. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ «Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ язык интСрфСйса»
  4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ язык отобраТСния» ΠΈΠ· Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… ΠΏΠΎΠ΄ ΠΏΠΎΠ»Π΅ΠΌ Π²Π²ΠΎΠ΄Π°
  5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ JSON Π½Π°

"локаль": "en-US"

  1. Π—Π°ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΎΠΊΠ½ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ запрос Π½Π° сохранСниС.
  2. ΠŸΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ VS ΠΊΠΎΠ΄

НадСюсь, это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚.

1

Для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Windows,

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ, C:\Users\UserName\AppData\Roaming\Code\User

ΠžΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ locale.json ΠΈΠ»ΠΈ создайтС Π΅Π³ΠΎ, Ссли ΠΎΠ½ Π½Π΅ сущСствуСт, со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ содСрТимым

 {
 "локаль":"ru"
}
 

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Π»ΠΎΠΊΠ°Π»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ссылкам https://go.microsoft.com/fwlink/?LinkId=761051

Π£Ρ€Π°

  1. Настройки->Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅
  2. поиск «LanguageName Language Pack»
    (ΠΏΡ€ΠΈΠΌΠ΅Ρ€) «English Language Pack»
  3. Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ

1

Π‘ΠΌ. язык отобраТСния VSCode.

  1. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ язык для Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠΈ

Π½Π°ΠΆΠΌΠΈΡ‚Π΅: File->Preferences->Settings, откроСтся JSON-Ρ„Π°ΠΉΠ» ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… настроСк, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ «»locale»=»en» «, сохранитС Ρ„Π°ΠΉΠ» ΠΈ пСрСзапуститС. Или Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ: >>> code . —locale=[lang] (lang относится ΠΊ ΠΊΠΎΠ΄Ρƒ языка)

  1. ΠŸΠΎΡΡ‚ΠΎΡΠ½Π½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ языка

НаТмитС Ctrl+Shift+P, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ ΠΊΠΎΠΌΠ°Π½Π΄, Π·Π°Ρ‚Π΅ΠΌ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Β«configΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Β«ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ язык». Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ » «locale»=»en» » Π² Ρ„Π°ΠΉΠ» Jason, сохранитС ΠΈ пСрСзапуститС

Π’ Visual Studio Community для Mac 7.0 ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π°

Настройки->Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ->Π―Π·Ρ‹ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

Для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Mac OS: Π’ $home/Library/Application Support/Code/User, создайтС Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ» с ΠΈΠΌΠ΅Π½Π΅ΠΌ «locale.json» (Ρƒ мСня Π΅Π³ΠΎ Ρ‚Π°ΠΌ Π½Π΅ Π±Ρ‹Π»ΠΎ) ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅:

 {
  "locale": "en-US"
}
 

МнС ΠΏΠΎΠΌΠΎΠ³Π»ΠΎ. ПослСдняя Ρ‡Π°ΡΡ‚ΡŒ такая ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ для Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ², я Π΄ΡƒΠΌΠ°ΡŽ, просто для мСня Π½Π΅ Π±Ρ‹Π»ΠΎ Β«locale.jsonΒ», поэтому я попытался ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ сам ΠΈ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ», Ρ‡Ρ‚ΠΎ это сработало.

Как ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ubuntu, СдинствСнный доступный ΠΌΠ½Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ β€” Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Visual Studio Code Π² ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строкС, явно ΡƒΠΊΠ°Π·Π°Π² язык:

 code --locale en
 

(Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Π±Ρ‹Π» Π½Π° французском языкС ΠΈΠ·-Π·Π° языка, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ» для своСй ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы.