Amplicode для VS Code

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

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

Установка расширения через VS Code Extensions Panel

Для установки расширения в VS Code воспользуйтесь панелью Extensions и введите в поиске Amplicode. После этого выберите расширение и нажмите кнопку Install.

vs-code-extensions-panel.png

Ручная установка расширения через .VSIX

Помимо установки расширения напрямую через VS Code Extensions Marketplace, вы можете выполнить установку вручную, предварительно скачав .vsix файл расширения. .VSIX файл можно скачать с помощью браузера, воспользовавшись приведенными ниже ссылками. Откройте страницу расширения и нажмите Download Extension.

РасширениеURL
Amplicode Frontendhttps://marketplace.visualstudio.com/items?itemName=haulmont-tech-ltd.amplicode-frontend
Amplicode Fullstackhttps://marketplace.visualstudio.com/items?itemName=haulmont-tech-ltd.amplicode-fullstack

Обратите внимание, что для установки Amplicode Fullstack в VSCodium вам придется установить все входящие в его состав расширения вручную.

Скаченный ранее файл расширения можно установить, воспользовавшись пунктом меню Install from VSIX... в панели Extensions.

vs-code-extension-manual-install.png

Amplicode Frontend

Amplicode Frontend – расширение VS Code для быстрой и комфортной разработки административного интерфейса с использованием React Admin, Storybook и TypeScript.

Backend разработчикам мы рекомендуем установить набор Amplicode Fullstack, который включает в себя дополнительные расширения для более удобной разработки frontend и подключает привычные IntelliJ-like сочетания горячих клавиш.

Расширение предоставляет:

  • Интуитивно понятные визуальные компоненты для работы с React Admin элементами, такими как data providers, resource names, fields, и т.д., благодаря панели Amplicode Explorer. vs-code-amplicode-explorer.png
  • Палитру для Storybook с предварительным просмотром компонентов прямо в VS Code и их генерацию с учетом контекста. vs-code-storybook-panel.png
  • Интеллектуальный рефакторинг для TypeScript. vs-code-type-script-refactoring.png
  • Возможность лёгкого переключения между VS Code и IntelliJ IDEA (в случае использования Amplicode для IntelliJ IDEA), которая облегчит жизнь не только frontend-, но и fullstack-разработчикам на Spring Boot и React.

Amplicode Fullstack Extension Pack

Amplicode Fullstack Extension Pack - это набор расширений для удобной разработки приложений на Spring Boot и React Admin. Мы рекомендуем использовать именно это расширение, если вы бóльшую часть времени разрабатываете в IntelliJ IDEA и хотите получить максимум удовольствия от работы над frontend частью вашего приложения в VS Code.

Amplicode Fullstack включает в себя следующие расширения:

После установки Amplicode Fullstack вы сможете найти в VS Code визуальные панели от Amplicode, входящие в состав расширения Amplicode Frontend.

Лицензионная политика Amplicode

Подробнее про Amplicode PRO, триальную версию, специальные предложения и скидки читайте в разделе Лицензионная политика Amplicode.

Связаться с командой Amplicode

В случае если у вас возникли трудности на любом из этапов в процессе установки Amplicode или любые другие вопросы, пожалуйста, напишите нам в: