Чтобы создать новый экземпляр для LWC (веб-компонентов Lightning) в VS Code, вам необходимо выполнить следующие действия:
-
Откройте Visual Studio Code (VS Code) и убедитесь, что у вас установлен пакет расширений Salesforce. Вы можете установить его из магазина VS Code, если еще этого не сделали.
-
Создайте новый проект или откройте существующий проект Salesforce в VS Code.
-
На боковой панели Проводника перейдите к папке, в которой вы хотите создать компонент LWC.
-
Щелкните правой кнопкой мыши папку и выберите «SFDX: Создать веб-компонент Lightning» в контекстном меню.
-
При появлении запроса укажите имя вашего компонента LWC. Обязательно соблюдайте правила именования для LWC, которые включают использование буквенно-цифровых символов и символов подчеркивания, начинание с буквы и уникальность в пределах вашей организации Salesforce.
-
После предоставления имени компонента VS Code создаст необходимые файлы и папки для вашего компонента LWC, включая файл JavaScript компонента (.js), файл шаблона HTML (.html), файл CSS (.css). и файлы метаданных.
-
Теперь вы можете приступить к разработке компонента LWC, отредактировав файлы JavaScript, HTML и CSS в соответствии с вашими требованиями.
-
После того как вы внесли необходимые изменения в свой компонент LWC, вы можете развернуть его в своей организации Salesforce с помощью SFDX CLI (интерфейс командной строки) или расширений VS Code Salesforce.
Вот несколько дополнительных методов, которые вы можете использовать при работе с LWC в VS Code:
-
“SFDX: Получить веб-компонент Lightning” — используйте эту команду, чтобы получить существующий LWC из вашей организации Salesforce и сделать его доступным в локальном проекте.
-
“SFDX: Удалить веб-компонент Lightning” – используйте эту команду, чтобы удалить LWC из локального проекта и удалить его из организации Salesforce.
-
“SFDX: открыть веб-компонент Lightning в организации” — используйте эту команду, чтобы открыть LWC в веб-браузере по умолчанию и просмотреть его в своей организации Salesforce.
-
“SFDX: предварительный просмотр веб-компонента Lightning” — используйте эту команду для предварительного просмотра LWC в среде, похожей на браузер, в VS Code.
-
“SFDX: Push Lightning Web Component” — используйте эту команду, чтобы отправить локальные изменения в организацию Salesforce и развернуть LWC.
-
“SFDX: получение веб-компонента Lightning” – используйте эту команду, чтобы получить изменения, внесенные в LWC в вашей организации Salesforce, и обновить локальный проект.
Подводя итог, можно сказать, что для создания нового экземпляра LWC в VS Code вам необходимо установить пакет расширений Salesforce. Затем вы можете создать новый компонент LWC, щелкнув правой кнопкой мыши папку, выбрав «SFDX: создать веб-компонент Lightning» и указав имя для вашего компонента. Вы можете еще больше улучшить свой опыт разработки LWC, используя различные команды, такие как извлечение, удаление, открытие, предварительный просмотр, отправка и извлечение LWC.