Примечание.
Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги.
Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги.
В этом кратком руководстве вы изучите интегрированную среду разработки Visual Studio (IDE). В этой статье представлено 5-10 минутное знакомство с окнами, меню и другими функциями, доступными для разработки JavaScript.
Если у вас нет Visual Studio, вы можете установить бесплатную пробную версию со страницы загрузки Visual Studio.
Использование окна запуска
Первое, что вы увидите после запуска Visual Studio , это окно Start Window. Окно "Пуск" предназначено для ускорения работы с кодом. Существует возможность клонировать или проверить код, открыть существующий проект или решение, создать проект или открыть папку с файлами кода.
Если вы уже работаете в Visual Studio, откройте окно запуска, выбрав File>Start Window.
Если вы не знакомы с Visual Studio, список последних проектов может быть пустым.
Если вы работаете с базами кода без MSBuild, используйте папку Open a, чтобы открыть код в Visual Studio. Дополнительные сведения см. в разделе Разработка кода в Visual Studio без проектов или решений. В противном случае можно создать проект или клонировать проект из исходного поставщика, например GitHub или Azure DevOps.
Если вы работаете с базами кода, отличными от MSBuild, используйте параметр "Открыть локальную папку ", чтобы открыть код в Visual Studio. Дополнительные сведения см. в разделе Разработка кода в Visual Studio без проектов или решений. В противном случае можно создать проект или клонировать проект из исходного поставщика, например GitHub или Azure DevOps.
При запуске Visual Studio окно запуска включает параметр Continue без кода. Это действие позволяет открывать среду разработки Visual Studio без загрузки определенного проекта или кода. Этот параметр можно использовать для присоединения сеанса Live Share или присоединения к процессу отладки. Вы также можете выбрать клавишу ESC , чтобы закрыть окно запуска и открыть интегрированную среду разработки.
Создание проекта
Чтобы продолжить изучение функций Visual Studio, создайте проект. Visual Studio предоставляет различные шаблоны проектов, которые помогают быстро приступить к написанию кода.
В окне "Пуск" выберите "Создать проект". Окно обновляется, чтобы отобразить параметры для создания нового проекта.
В поле "Поиск шаблонов " введите javascript или typescript.
Входной текст фильтрует список типов проектов, чтобы показать шаблоны, содержащие JavaScript или TypeScript в их имени или языковом типе.
Выберите шаблон проекта приложения JavaScript Express и нажмите кнопку "Далее".
В окне "Настройка нового проекта" примите имя проекта по умолчанию и нажмите кнопку "Создать".
Visual Studio создает проект и открывает его в интегрированной среде разработки. Файлы и папки проекта отображаются в Обозреватель решений.
Обзор проекта в Обозреватель решений
Область Обозреватель решений обычно открывается справа от Visual Studio IDE. В этом окне показано графическое представление иерархии файлов и папок в проекте, решении или папке кода.
Вы можете просмотреть иерархию, найти определенный файл или папку и выбрать файл, чтобы открыть его.
Открытие файлов в редакторе кода
В Обозреватель решений выберите файл app.js, чтобы открыть файл в окне Editor. В редакторе отображаются содержимое файлов и вы можете выполнять большую часть работы по программированию в Visual Studio.
Знакомство с основными меню
Строка меню в верхней части Visual Studio IDE обеспечивает быстрый доступ к группам команд, упорядоченных по категориям. Например, меню "Проект" содержит команды, связанные с проектом, в котором вы работаете. В меню "Сервис" можно настроить поведение Visual Studio, выбрав "Параметры" или добавив компоненты в установку, выбрав "Получить средства и компоненты".
Выберите "Вид ", чтобы просмотреть список команд, связанных с представлением, а затем выберите список ошибок , чтобы открыть окно "Список ошибок ".
Просмотр ошибок и предупреждений в списке ошибок
В списке ошибок отображаются ошибки, предупреждения и сообщения о текущем состоянии кода. Если в файле есть ошибки (например, отсутствует фигурная скобка или точка с запятой) или в любом месте проекта, они перечислены здесь.
Проверьте сообщения сборки в окне вывода
В окне вывода отображаются сообщения о результатах сборки проекта и от поставщика системы управления исходным кодом.
Создайте новый проект, чтобы просмотреть сообщения сборки в окне вывода . В строке меню выберите "Сборка>".
Окно вывода автоматически получает фокус и отображает сообщение об успешной сборке.
Поиск команд и функций
Поле поиска — это быстрый и простой способ сделать больше всего в Visual Studio. Можно ввести текст, связанный с тем, что нужно сделать, и результаты поиска отображают список параметров, связанных с введенным текстом.
Предположим, вы хотите увеличить уровень подробности вывода сборки, чтобы увидеть больше сведений о ходе сборки. Для этого выполните указанные ниже действия.
- Если поле поиска не отображается, используйте сочетание клавиш CTRL+Q . В поле поиска введите детализацию.
В списке результатов дважды щелкните запись Уровень подробности вывода сборки проекта MSBuild (projectsAndSolutions.buildAndRun.outputVerbosity).
Откроется область «Параметры» в разделе Все параметры>Проекты и решения>Сборка и запуск.
Используйте раскрывающийся список и задайте для параметра сборки выходных данных проекта MSBuild значение Normal.
В списке результатов дважды щелкните элемент «Изменить уровень детализации MSBuild» (Проекты и решения > Сборка и запуск).
Откроется диалоговое окно "Параметры" в разделе "Проекты и решения>сборка и запуск ".
Используйте раскрывающийся список и задайте для параметра выходных данных сборки проекта MSBuild значение "Обычный" и нажмите кнопку "ОК".
Создайте проект снова, щелкнув проект правой кнопкой мыши в Обозреватель решений и выбрав Rebuild в контекстном меню.
На этот раз в окне Output отображаются более подробные сообщения журнала о процессе сборки.
Отправка отзывов
Если при использовании Visual Studio возникают проблемы или есть предложения по улучшению продукта, вы можете использовать меню Send Feedback в верхней части окна Visual Studio.
