Поддержка IDE

mdui оптимизирован для VS Code и WebStorm. В этих средах вы получите автодополнение кода, подсказки при наведении и другие возможности.

VS Code

При использовании mdui через npm

Если вы установили mdui через npm, выполните следующие шаги, чтобы включить поддержку IDE в текущем проекте:

1. В корне проекта создайте папку .vscode.
2. В папке .vscode создайте файл settings.json.
3. Добавьте в settings.json следующий код:

   {
     "html.customData": ["./node_modules/mdui/html-data.en.json"],
     "css.customData": ["./node_modules/mdui/css-data.en.json"]
   }
   

Если файл settings.json уже существует, просто добавьте эти две строки в корневой объект JSON. После внесения изменений перезапустите VS Code.

При использовании mdui через CDN

Если вы подключаете mdui через CDN, вы можете установить расширение VS Code для mdui.

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

Рекомендуется сначала установить mdui через npm и настроить settings.json, а не устанавливать расширение VS Code, чтобы версия поддержки IDE соответствовала используемой версии mdui.

WebStorm

При использовании mdui через npm

Если вы установили mdui через npm, выполните следующие шаги, чтобы включить поддержку IDE в текущем проекте:

1. В корневой объект файла package.json вашего проекта добавьте следующий код:

   {
     "web-types": ["./node_modules/mdui/web-types.en.json"]
   }
   

Если в файле package.json уже есть свойство web-types, просто добавьте ./node_modules/mdui/web-types.en.json в массив. После внесения изменений перезапустите WebStorm.

При использовании mdui через CDN

Если вы подключаете mdui через CDN, вы можете установить плагин WebStorm для mdui.

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

Рекомендуется сначала установить mdui через npm для поддержки IDE, а не устанавливать плагин WebStorm, чтобы версия поддержки IDE соответствовала используемой версии mdui.

Различия в поддержке между VS Code и WebStorm

Поддержка mdui в VS Code и WebStorm отличается. В таблице ниже приведены подробные различия: