Visual studio code - редактор коду для linux, os x і windows

Створіть безкоштовну обліковий запис Azure вже сьогодні

Безкоштовна повнофункціональна інтегроване середовище розробки для учнів, розробників відкритого ПЗ і окремих розробників

Професійні інструменти та служби для розробки; вигідні підписки для невеликих команд розробників

Всеосяжне рішення, яке задовольняє вимогам до якості і масштабування команд розробників будь-яких розмірів

Visual Studio Team Services

Більш ефективне планування, спільне написання коду і прискорена поставка

За свою довгу історію існування Microsoft випустив чимало інструментів розробки. Але так уже склалося що на слуху у всіх тільки Visual Studio - велика і потужна IDE «комбайн» призначена для всього і вся. Розвивається цей продукт вже більше двох десятків років і увібрав в себе самі різні функції. Багатьом цей інструментарій подобається і іноді навіть задавали питання - чи буде перенесений Visual Studio на інші платформи. На що найчастіше отримували відповідь немає. Напевно, з якогось дива, в цілому таке портування буде дорогим і невиправдано складним, вже дуже багато всього в цій IDE зав'язано на Windows.


Visual studio code - редактор коду для linux, os x і windows

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

  1. Завантажте Visual Studio Code для Mac OS X
  2. Відкрийте подвійним клацанням архів VSCode-osx.zip
  3. Перетягніть Visual Studio Code.app в папку Applications
  4. Додайте Visual Studio Code в Dock вибравши в Options "Keep in Dock"


Порада: якщо ви хочете щоб Visual Studio Code стартував з терміналу додайте в

  1. Завантажте Visual Studio Code для Linux
  2. Створіть нову папку і розпакуйте туди вміст архіву VSCode-linux-x64.zip
  3. Подвійним клацанням запустите Code

Порада: якщо ви хочете щоб Visual Studio Code стартував з терміналу додайте на нього посилання

  1. Завантажте Visual Studio Code для Windows
  2. Клацніть двічі клацнувши на завантаженому файлі VSCodeSetup.exe для того щоб запустити установку

Порада: якщо ви хочете щоб Visual Studio Code стартував з терміналу зробіть logon / logoff, відповідні шляхи до файлу прописуються в змінної PATH самим монтажником

Без інструментарію Visual Studio Code годиться хіба що для простого редагування файлів, для повноцінної роботи знадобиться супутній інструментарій, який залежить від ваших цілей і завдань:

Початок роботи

Після всіх цих дій просто запустіть VS Code в папці з проектом

Базові можливості Visual Studio Code

Файли, папки, і проекти

VS Code працює з файлами і папками в яких знаходяться проекти. У найпростішому випадку ви можете відкрити файл на редагування просто виконавши команду ./code index.html. Більш цікавим випадком є ​​відкриття папки. VS Code сам визначає тип проекту в залежності від вмісту папки. Наприклад, якщо в папці знаходяться файли package.json, project.json, tsconfig.json або файли .sln і .proj для Visual Studio ASP.NET 5.0 то VS Code включає багато нових функцій які забезпечують IntelliSence, підказки, навігацію по коду, виконання команд і багато іншого.

Розташування основних елементів

VS Code володіє інтуїтивно зрозумілою і простою схемою розташування основних елементів. Інтерфейс розділений на чотири основні блоки, це:

Кожен раз коли ви запускаєте VS Code буде завантажено останній стан основних елементів.

Visual studio code - редактор коду для linux, os x і windows

Порада: Ви можете перемістити сайдбар зліва на право за допомогою меню View, Move Sidebar а так само включити його видимість за допомогою клавіатури (Ctrl + B).

палітра команд

Visual studio code - редактор коду для linux, os x і windows

Введіть в рядок команди знак питання? і тоді ви отримаєте перелік команд які працюють в поточному контексті:

Visual studio code - редактор коду для linux, os x і windows

Деякі часто використовувані команди:

оглядач


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

Visual studio code - редактор коду для linux, os x і windows

Файли, які ви редагували або відкривали подвійним клацанням в браузері, поміщаються в верхню частину оглядача і отримують статус Working files:

Visual studio code - редактор коду для linux, os x і windows

Автозбереження

За замовчуванням, VS Code працює в режимі явного збереження, яке ви можете виконати, натиснувши на комбінацію Ctrl + S. Цей режим сумісний з більшістю інструментів стежать за статусом файлів (наприклад bower). Можна включити і режим автоматичного збереження (Auto Save), натиснувши Ctrl + Shift + P і набрати auto.


Натискаючи Ctrl + Shift + F і введіть цікавить вас фразу. Результати пошуку будуть згруповані, на додаток ви можете розгорнути вузол групи щоб подивитися множинні входження. У рядку пошуку підтримуються регулярні вирази.

Visual studio code - редактор коду для linux, os x і windows

Більш детальний пошук може бути здійснений за допомогою команди Ctrl + Shift + J. Введіть в додаткові поля критерії пошуку.

Visual studio code - редактор коду для linux, os x і windows

підказки IntelliSence

Для перевантажених функцій ви можете гортати варіанти реалізації використовуючи клавіші Up і Down.


Перехід до визначення символу

Натиснувши на F12 ви перейдете до визначення символу. Якщо натиснути Ctrl і провести курсором по символу ви побачите визначення в додатковому вікні.

Visual studio code - редактор коду для linux, os x і windows

Перехід до методу або змінної

Якщо вам необхідно швидко подивитися на визначення символу або на референс, для того щоб згадати деталі реалізації або використання, можна використовувати пошук або перехід до визначення символів, що не завжди зручно так як перемикає контекст.
В цьому випадку можна скористатися командами Reference Search (Shift + F12) або Peek Definition (Alt + F12) і результати пошуку будуть відображатися в інлайн віконці:

Visual studio code - редактор коду для linux, os x і windows

Перейменування методів і змінних

Натиснувши F2 ви можете змінити ім'я методу або змінною. Стандартна операція рефакторінга, але поки вона підтримується тільки для мов C # і TypeScript.

Visual studio code - редактор коду для linux, os x і windows

Visual studio code - редактор коду для linux, os x і windows

Для того щоб запустити налагодження проекту Node, досить натиснути на іконку бага в Activity Bar. Після створення файлу launch.json запуститься відладчик. Для проектів Node VS Code автоматично визначає каталог ./bin/www.

Visual studio code - редактор коду для linux, os x і windows

Збережіть конфігураційний файл і виберіть пункт Launch в меню, встановіть точку зупину і натисніть F5 для старту налагодження.

Visual studio code - редактор коду для linux, os x і windows

Усунення несправностей дозволяє переглядати значення поточних змінних:

Visual studio code - редактор коду для linux, os x і windows

VS Code інтегрований з системою контролю версій git, і підтримує більшість команд. У версії 0.5 був зафіксований ряд помилок пов'язаних з інтеграцією. Підтримуються локальні і віддалені репозитарії.

Visual studio code - редактор коду для linux, os x і windows

VS Code дозволяє здійснювати злиття і вирішення конфліктів при роботі з системою контролю версій:

Visual studio code - редактор коду для linux, os x і windows

Корисні посилання

Схожі статті