Какую визуальную студию выбрать

Обновлено: 21.11.2024

Visual Studio Code — один из самых популярных и мощных текстовых редакторов, используемых сегодня разработчиками программного обеспечения.

В этой статье мы рассмотрим шаги, необходимые для загрузки популярного текстового редактора Visual Studio Code, также называемого VS Code. К концу статьи вы сможете создать в Visual Studio Code папку, содержащую HTML-документ, который можно открыть в веб-браузере.

Я. Введение

Что такое «текстовые редакторы»?

Текстовые редакторы, также называемые редакторами кода, представляют собой приложения, используемые разработчиками для написания кода. Они могут выделить и отформатировать ваш код, чтобы его было легче читать и понимать. Если вы использовали Codecademy, вы уже знакомы с текстовым редактором. Это область, в которой вы пишете свой код.

Использование текстового редактора является частью создания вашей "среды разработки", набора инструментов, которые вы используете для работы над проектами кодирования. Это позволит вам взять то, чему вы научились на Codecademy, и применить это на практике, когда вы работаете над проектами на своем компьютере. Это не только познакомит вас с инструментами, которые обычно используются профессиональными разработчиками, но также означает, что вы выросли как разработчик и готовы начать работать самостоятельно — отличная работа!

Текстовые редакторы, предназначенные для написания кода, имеют ряд преимуществ:

  • Подсветка синтаксиса для конкретного языка
  • Автоматический отступ кода
  • Цветовые схемы в соответствии с вашими предпочтениями и облегчают чтение кода.
  • Подключаемые модули или дополнительные программы для обнаружения ошибок в коде.
  • Древовидное представление или визуальное представление папок и файлов проекта для удобной навигации по проекту.
  • Сочетания клавиш или их комбинации для ускорения разработки

Возможно, вы также читали или слышали об интегрированных средах разработки или «интегрированных редакторах разработки». IDE позволяет не только редактировать, но также компилировать и отлаживать код с помощью одного приложения или интерфейса. Хотя текстовый редактор, который мы рекомендуем, не считается IDE, он имеет множество функций, подобных IDE, которые упрощают жизнь разработчика, не требуя большого количества ресурсов, которые обычно требуются для IDE. Лучшее из обоих миров!

Выбор текстового редактора

На выбор предлагается несколько текстовых редакторов. Например, Visual Studio Code — один из самых популярных текстовых редакторов, используемых разработчиками. (Это Visual Studio Code, а не Visual Studio, который немного отличается. Нам нужен первый, тот, в названии которого есть «Code».) Другими популярными текстовыми редакторами, о которых вы, возможно, слышали, являются Atom и Sublime Text.

  • Бесплатно
  • Открытый исходный код (это означает, что код программы можно просматривать, изменять и публиковать)
  • Функции, подобные IDE
  • Поддерживается большим сообществом пользователей и Microsoft

Когда вы продвинетесь в своей карьере программиста, вы можете попробовать другие редакторы кода, чтобы увидеть, какие функции лучше всего подходят для вашего личного рабочего процесса разработки.

II. Установка кода Visual Studio

Итак, мы выбрали наш текстовый редактор, теперь нам просто нужно установить его на наш компьютер!

Видеоинструкции

В этом видео показано, как загрузить и установить Visual Studio Code. Письменные инструкции приведены ниже.

Этапы установки

Процесс установки для компьютеров под управлением macOS, Windows и Linux (в частности, Ubuntu и Debian) будет очень похожим, и использование Visual Studio Code на всех них будет одинаковым.

Посетите веб-сайт Visual Studio Code, чтобы загрузить последнюю версию Visual Studio Code.

Вы должны увидеть, что отображается операционная система вашего компьютера, но если она неверна, нажмите стрелку вниз и найдите параметр, соответствующий вашей операционной системе, в раскрывающемся меню, а затем щелкните значок стрелки вниз в разделе «Стабильная».< /p>

Пользователи Windows: будет загружена последняя версия Visual Studio Code в виде файла .exe.

Пользователи Mac: будет загружена последняя версия Visual Studio Code для Mac в виде ZIP-файла.

Пользователям Linux: .deb и .rpm — это разные типы файлов для хранения данных. Мы предлагаем вам скачать файл .deb, чтобы автоматические обновления работали так, как предлагает документация Visual Studio Code.

После завершения загрузки файла Visual Studio Code его необходимо установить. Найдите файл Visual Studio Code в файловом менеджере — программе, позволяющей просматривать файлы и папки на вашем компьютере.

Пользователи Windows: откройте файл .exe, щелкнув его, и запустите программу установки. Продолжайте нажимать «Далее», а затем «Готово».

Пользователям Mac: загруженный ZIP-файл должен находиться в папке «Загрузки». Откройте файл. Если вы видите это сообщение, выберите «Открыть».

Пользователям Linux: загруженный файл должен находиться в папке «Загрузки».

Найдите его в файловом менеджере, дважды щелкните и выберите «Установить» в центре программного обеспечения с графическим интерфейсом или выполните следующие команды по одной в терминале:

Убедитесь, что ваше приложение Visual Studio Code сохранено в месте, где, как вы знаете, вы легко сможете его найти.

Пользователи Windows: он будет автоматически помещен в меню "Пуск".

Пользователи Mac: нажмите и перетащите значок Visual Studio Code из папки "Загрузки" в папку "Приложения".

Пользователи Linux: он должен появиться на панели задач программ.

Вот и все, вы успешно установили текстовый редактор и готовы приступить к написанию кода!

III. Практика: используйте Visual Studio Code для запуска проекта вне платформы

По мере прохождения различных уроков и путей в Codecademy вам может понадобиться создать проект на своем компьютере, а не в учебной среде Codecademy. Это может быть непросто, но это увлекательный шаг, сигнализирующий о том, что вы готовы работать самостоятельно.

Для этого нам понадобится текстовый редактор, который мы установили выше. Давайте на минутку попробуем Visual Studio Code.

Что такое «папки разработки»?

Перед использованием текстового редактора важно настроить файловую систему. По мере роста количества и размера ваших проектов становится все более важным знать, где сохранять новые проекты и находить старые проекты.

Большинство разработчиков хранят свои проекты в удобном для поиска каталоге (который вы, возможно, привыкли называть «папкой»). Здесь, в Codecademy, мы рекомендуем называть этот каталог проектами. Он будет хранить все ваши проекты кодирования. Всякий раз, когда вы создаете новый проект, независимо от того, насколько он мал, вы всегда должны создавать новую папку внутри каталога ваших проектов. Вы обнаружите, что проекты из одного файла могут быстро превратиться в большие проекты с несколькими папками.

Практика: создадим проект

Ниже приведены шаги, которые необходимо выполнить, чтобы создать новую папку для всех ваших программных проектов. Вы также узнаете, как загрузить новую папку проекта в Visual Studio Code и создать свой первый HTML-проект «Hello World».

Мы рекомендуем вам просмотреть приведенное выше видео, а затем выполнить описанные ниже действия.

1. Создайте папку разработки.

Перейдите к папке с помощью файлового менеджера или терминала. Убедитесь, что это папка, которую вы посещаете регулярно и будете помнить. Создайте новую папку под названием проекты.

Пользователи Mac: это может быть ваша учетная запись пользователя или папка «Домашняя».

Пользователи Windows: вы можете сохранить это на диск C.

Пользователям Linux: вы можете сохранить это в папке пользователя в папке «Домашняя».

В папке проектов создайте новую папку с именем HelloWorld. Все, что вы добавите в эту папку, станет частью вашего проекта HelloWorld.

2. Откройте код Visual Studio
3. Откройте папку разработки

Нажмите значок «Проводник» в меню слева, затем нажмите кнопку «Открыть папку» и выберите папку разработки. Это запустит ваш файловый менеджер.

Перейдите к папке HelloWorld и выберите Открыть. Папка откроется на боковой панели Visual Studio Code. На данный момент в папке не должно быть содержимого. Мы добавим файл на следующем шаге.

4. Добавьте файл.

Прежде чем вы научитесь добавлять файлы в папку проекта, важно понять назначение расширений файлов. Расширение файла — это суффикс имени файла (последние 3 или 4 символа в имени файла, которым предшествует точка) и описывает тип содержимого, содержащегося в файле. Например, расширение HTML-файла — .html, и оно указывает браузеру (и другим приложениям) интерпретировать содержимое файла как HTML-документ. После того как Visual Studio Code загрузит папку проекта, вы можете добавлять файлы. Шаги ниже описывают, как добавить файлы. Не беспокойтесь о том, чтобы сделать это на своем собственном компьютере. Мы вернемся к этому позже.

На панели проводника Visual Studio Code щелкните имя папки разработки. Вы увидите четыре значка справа от имени папки. Щелкните значок «Новый файл». Введите имя нового файла с соответствующим расширением (например, .html, .css, .csv). Крайне важно указать правильное расширение файла, чтобы такие программы, как линтеры, знали, как интерпретировать его содержимое. Когда закончите, нажмите Enter.

5. Начинайте программировать!

Скопируйте и вставьте следующий стандартный HTML-код:

Почаще сохраняйте файл с помощью функции автоматического сохранения и отслеживайте изменения с помощью системы контроля версий, если вы знаете, как ею пользоваться. (Чтобы включить автосохранение, нажмите «Файл», а затем «Автосохранение». Когда оно включено, вы увидите галочку рядом с «Автосохранение».) Это уменьшит вероятность потери несохраненной работы.

Расширения файлов и подсветка синтаксиса

Синтаксис – это набор правил, которые говорят нам, как создавать правильно написанный код.Visual Studio Code и другие текстовые редакторы могут интерпретировать расширения файлов и обеспечивать подсветку синтаксиса для конкретного языка. Подсветка синтаксиса — это инструмент, облегчающий чтение кода. Взгляните на свой файл index.html. Текст и теги разного цвета. Вот как Visual Studio Code выделяет синтаксис .html. С каждым новым языком, который вы изучаете, Visual Studio Code будет выделять текст таким образом, чтобы ваш код было легко читать. Это может отличаться от других текстовых редакторов, а также отличаться от того, как ваш код выделяется в Codecademy.

Необязательно: измените цветовую схему

Хотя Visual Studio Code поставляется с подсветкой синтаксиса по умолчанию, вы можете изменить используемые цвета. Хорошие цветовые темы сделают чтение всех этих строк кода легким для ваших глаз. (Попробуйте низкоконтрастные темные темы, такие как «Solarized Dark» или «Dracula Dark».)

Для этого выберите «Цветовая тема» на странице приветствия при первом открытии Visual Studio Code или нажмите «Код» в строке меню в верхней части окна рабочего стола, затем нажмите «Настройки», а затем «Цветовая тема». Вы также можете искать цветовые темы для установки с помощью меню «Расширения».

6. Просмотрите свой HTML-файл в браузере

На этом этапе ваш файл готов для просмотра в веб-браузере. Следующие шаги следует предпринять вне Visual Studio Code:

Перейдите к файлу index.html в папке Hello World с помощью файлового менеджера или терминала.

Дважды щелкните или откройте index.html. Страница должна открыться в веб-браузере по умолчанию. Восхищайтесь своей работой на втором месте — вы создали свой первый проект с помощью Visual Studio Code.

Расширьте возможности Visual Studio Code

Если вы уже освоились с предыдущими шагами, изучите следующие функции для дальнейшей настройки среды разработки. Вам не нужно использовать эти предложения для завершения проектов в Codecademy, но они могут помочь вам повысить эффективность при написании кода, и это то, что делает Visual Studio Code таким полезным редактором!

Отладка кода в редакторе: правильно, вы можете запускать и тестировать код из редактора!

Контроль версий: вам не нужно переключаться на терминал на вашем компьютере, чтобы отслеживать изменения с помощью Git.

Встроенный терминал: вы можете запускать команды командной строки из своего редактора с помощью Visual Studio Code.

IV. Подведение итогов

Поздравляем! Вы успешно настроили текстовый редактор и готовы создавать веб-сайты на своем компьютере.

Microsoft недавно выпустила Visual Studio Code, и меня немного смущает его использование, поскольку Visual Studio во многом похожа на него по функциям.

ИМХО, если вы работаете в среде Windows, перестаньте тратить время на VS Code. Это еще одна вещь, которая в настоящее время является ГОРЯЧЕЙ для ботаников и мультиплатформенных пользователей. Это даже близко не Visual Studio.

12 ответов 12

Visual Studio (полная версия) — это «полнофункциональная» и «удобная» среда разработки.

Visual Studio (бесплатная версия Community — с 2015 г.) — это упрощенная версия полной версии, которая заменяет отдельные экспресс-выпуски, использовавшиеся до 2015 г.

Visual Studio Code (VSCode) – это кроссплатформенный (Linux, Mac OS, Windows) редактор, который можно расширить с помощью подключаемых модулей в соответствии с вашими потребностями.

@RBT, с точки зрения лицензии Express разрешено использовать в коммерческих и корпоративных целях, а сообщество — НЕ. VS Code должен стать новым VS Express, только если кто-то реализует недостающую функциональность

@MohammadSanei Раньше Express был более «бесплатным» для коммерческого использования, чем для сообщества. Express можно было использовать на крупных предприятиях, а сообщество, строго говоря, — нет.

". и может быть запущен в браузере (докеризированный как архитектура клиент-сервер), что делает VS Code "облачной" IDE с амбициями заменить Jupyter для пользователей Python"

Visual Studio Code — это редактор, а Visual Studio — интегрированная среда разработки.

Visual Studio Code является кроссплатформенным и быстрым, а Visual Studio — медленным.

Если я на секунду проигнорирую независимость от платформы, есть ли у нас какой-либо другой вариант использования, который может побудить меня использовать VS Code? Если я разработчик только для Windows, я, очевидно, предпочел бы бесплатную версию сообщества (которая является полной IDE). Не так ли?

Вы можете найти лучший набор расширений для кода, чем для сообщества. Они поддерживают разные точки расширения, поэтому их наборы расширений являются взаимоисключающими. Если вы используете более эзотерические (менее Microsoft-y) рабочие процессы, вам может подойти рынок расширений кода.

@johnpapa, какое определение вы даете термину "IDE"? Поскольку VS Code позволяет выполнять отладку, я не могу рассматривать его только как редактор.

@MassimilianoKraus Хороший вопрос. Другие редакторы тоже отлаживают (атом, например). Я думаю, что редакторы в первую очередь сосредоточены на написании кода/текста. Я думаю, что если IDE - это универсальная среда с множеством встроенных дополнений (например, кнопки для всего).IntelliJ и VS - это IDE, IMO. Atom, vi, VS Code, Sublime — это редакторы, IMO. Возможно, где-то в сети есть лучшее объяснение :)

Я подробно расскажу о различиях между Visual Studio и Visual Studio Code ниже.

Все собственные технологии пользовательского интерфейса (Windows Presentation Foundation, Windows Forms и т. д.) являются частью платформы, а не ядра.

«Визуальный элемент» в Visual Studio (из Visual Basic) был в значительной степени синонимом визуального дизайна пользовательского интерфейса (перетаскивание WYSIWYG), поэтому в этом смысле Visual Studio Code — это Visual Studio без визуального элемента!

Второе наиболее очевидное отличие заключается в том, что Visual Studio, как правило, ориентируется на проекты и решения.

Код Visual Studio:

  • Это легкий редактор исходного кода, который можно использовать для просмотра, редактирования, запуска и отладки исходного кода приложений.
  • Просто Visual Studio без визуального пользовательского интерфейса, в основном текстовый редактор супермена.
  • В основном он ориентирован на файлы, а не на проекты.
  • У него нет поддержки лесов.
  • Это конкурент Sublime Text или Atom on Electron.
  • Он основан на платформе Electron, которая используется для создания настольных кроссплатформенных приложений с использованием веб-технологий.
  • Он не поддерживает систему управления версиями Microsoft; Team Foundation Server.
  • Он имеет ограниченные возможности IntelliSense для типов файлов Microsoft и аналогичные функции.
  • Он в основном используется разработчиками на Mac, которые имеют дело с клиентскими технологиями (HTML, JavaScript и CSS).

Visual Studio:

В последней версии Visual Studio можно разрабатывать кроссплатформенные приложения, не выходя из среды IDE. А Visual Studio занимает более 8 ГБ дискового пространства (в зависимости от выбранных вами компонентов).

Короче говоря, Visual Studio — это совершенная среда разработки, и она довольно тяжелая.

Visual Studio Code сочетает в себе простоту редактора исходного кода с мощными инструментами разработчика, такими как завершение кода и отладка IntelliSense.

Прежде всего, это редактор, который вам не мешает. Восхитительно простой цикл редактирования-сборки-отладки означает меньше времени на возню с вашей средой и больше времени на воплощение ваших идей.

Доступно для macOS, Linux и Windows

Visual Studio Code поддерживает macOS, Linux и Windows, поэтому вы можете сразу же приступить к делу независимо от платформы.

Легко редактировать, создавать и отлаживать

В основе Visual Studio Code лежит молниеносный редактор исходного кода, идеально подходящий для повседневного использования. Благодаря поддержке сотен языков VS Code помогает вам мгновенно повысить продуктивность благодаря подсветке синтаксиса, сопоставлению скобок, автоматическому отступу, выбору полей, фрагментам кода и многому другому. Интуитивно понятные сочетания клавиш, простая настройка и сопоставления сочетаний клавиш, предоставленные сообществом, позволяют с легкостью перемещаться по коду.

Для серьезного кодирования вам часто пригодятся инструменты, которые лучше понимают код, чем просто блоки текста. Visual Studio Code включает встроенную поддержку завершения кода IntelliSense, глубокое семантическое понимание кода и навигацию, а также рефакторинг кода.

А когда кодирование становится сложным, крутые получают отладку. Отладка часто является единственной функцией, которой больше всего не хватает разработчикам при более компактном кодировании, поэтому мы сделали это возможным. Visual Studio Code включает в себя интерактивный отладчик, поэтому вы можете пошагово просматривать исходный код, проверять переменные, просматривать стеки вызовов и выполнять команды в консоли.

VS Code также интегрируется с инструментами сборки и сценариев для выполнения стандартных задач, ускоряя повседневные рабочие процессы. VS Code поддерживает Git, поэтому вы можете работать с системой управления версиями, не выходя из редактора, включая просмотр ожидающих изменений различий.

Сделайте это по-своему

Настройте каждую функцию по своему вкусу и установите любое количество сторонних расширений. В то время как большинство сценариев работают «из коробки» без настройки, VS Code также растет вместе с вами, и мы рекомендуем вам оптимизировать свой опыт в соответствии с вашими уникальными потребностями. VS Code — это проект с открытым исходным кодом, поэтому вы также можете внести свой вклад в растущее и активное сообщество на GitHub.

Разработано с любовью к Интернету

VS Code включает расширенную встроенную поддержку разработки Node.js с помощью JavaScript и TypeScript на основе тех же базовых технологий, что и Visual Studio. VS Code также включает отличные инструменты для таких веб-технологий, как JSX/React, HTML, CSS, SCSS, Less и JSON.

Надежная и расширяемая архитектура

Visual Studio Code включает общедоступную модель расширения, которая позволяет разработчикам создавать и использовать расширения, а также гибко настраивать процесс редактирования-сборки-отладки.

Готово, установка, код!

Если вы предпочитаете инструмент разработки, ориентированный на редактор кода, или создаете кроссплатформенные веб-приложения и облачные приложения, мы приглашаем вас попробовать Visual Studio Code и сообщить нам свое мнение!

Что такое Visual Studio?

Microsoft Visual Studio — это интегрированная среда разработки, разработанная Microsoft и используемая для разработки различных типов программного обеспечения, например компьютерных программ, веб-сайтов, веб-приложений, веб-служб и мобильных приложений. Он содержит инструменты завершения, компиляторы и другие функции, облегчающие процесс разработки программного обеспечения.

История Visual Studio

Visual Studio существует уже более 20 лет. Его первой версией была Visual Studio 97. С тех пор было много разных версий, текущая — Microsoft Visual Studio 2019.

Как это работает?

Visual Studio IDE (интегрированная среда разработки) – это программа, позволяющая разработчикам писать и редактировать свой код. Его пользовательский интерфейс используется для разработки программного обеспечения для редактирования, отладки и сборки кода. Visual Studio включает редактор кода, поддерживающий IntelliSense (компонент завершения кода), а также рефакторинг кода. Встроенный отладчик работает как отладчик уровня исходного кода, так и отладчик уровня компьютера. Другие встроенные инструменты включают профилировщик кода, конструктор для создания приложений с графическим интерфейсом, веб-дизайнер, конструктор классов и конструктор схемы базы данных.

Рынок/расширения Visual Studio

Visual Studio IDE имеет множество расширений, доступных на рынке. Расширения Visual Studio включают расширения, доступные для C++ (это самая популярная IDE для C++), одним из которых является Incredibuild.

Как скачать Visual Studio?

Преимущества Visual Studio

  • Для C++ это одна из лучших IDE, которая поддерживает множество языков
  • Много расширений
  • Есть бесплатная версия
  • Используется многими разработчиками

Является ли Visual Studio бесплатным?

Базовая версия для сообщества бесплатна. Это «полнофункциональная, расширяемая, бесплатная IDE для создания современных приложений для Android, IOS, Windows, а также веб-приложений и облачных сервисов». Это для «студентов, разработчиков с открытым исходным кодом и индивидуальных разработчиков». Его профессиональная цена начинается с 45 долларов США в месяц с бесплатной пробной версией. У него также есть корпоративное решение.

О сообществе Visual Studio

Visual Studio — одна из самых популярных IDE. Будучи таковым, у него есть большое сообщество и бесплатная версия сообщества (с 2014 года) для поддержки отдельных разработчиков и небольших команд.

Visual Studio и Incredibuild

Incredibuild ускоряет сборку Visual Studio C++, распределяя задачи компиляции между машинами в сети или общедоступном облаке, тем самым масштабируя машину сборки до сотен ядер. С 2015 года Incredibuild входит в состав Visual Studio. После установки непосредственно из Visual Studio Incredibuild появляется в меню Visual Studio. Все, что вам нужно сделать, это выбрать одну из рабочих нагрузок Visual Studio C++: разработка настольных компьютеров с помощью C++, разработка игр с помощью C++ и разработка мобильных приложений с помощью C++, а также установить флажок «Incredibuild — ускорение сборки». Если вы уже выбрали свои рабочие нагрузки, выберите вариант «изменить» и на экране рабочей нагрузки установите флажок «Incredibuild — ускорение сборки». Для получения дополнительной информации об установке щелкните здесь.

Читайте также: