Как заставить расширение Tailwind CSS IntelliSense для VSCode работать с файлами .html.eex и .html.leex? - PullRequest
Новая
       115

Как заставить расширение Tailwind CSS IntelliSense для VSCode работать с файлами .html.eex и .html.leex?

0 голосов
/ 19 сентября 2019

Как заставить расширение Tailwind CSS IntelliSense для VSCode работать с .html.eex и .html.leex файлами?

Я тоже пытался добавить настройки .html.eex и .html.leex для IntelliSense для имен классов CSS в HTML, но у меня не работает.

Так что я вижу, что это расширение поддерживает HTML (EEx): https://github.com/bradlc/vscode-tailwindcss/blob/f5dfe02f74ac9bd68529f1997ae875691b819833/src/index.ts#L50

1 Ответ

1 голос
/ 19 сентября 2019

Я нашел решение, помог мне в этом расхождении https://github.com/ecmel/vscode-html-css. Большое вам спасибо Ecmel Ercan и tme_317 за ваши мысли!

Но эторасширение не работает с файлами HTML (EEx).Я способствовал этому.Пока автор не объединил pull-запрос, вы можете использовать мою ветку: https://github.com/reducio/vscode-html-css/tree/add-html-eex

git clone https://github.com/reducio/vscode-html-css/tree/add-html-eex
npm install
vsce package

# deps may be need, if you need hack this code
npm install -g typescript
npm install -g yo generator-code
npm install -g vsce
npm i -g @zeit/ncc

Итак, после запуска vsce package вы получите файл vscode-html-css-0.2.3.vsix в корневой папке проекта.Тогда вам нужно установить расширение вручную:

enter image description here

Не забудьте о настройках расширения.В settings.json добавьте: 

    "css.remoteStyleSheets": [
        "https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
    ],

Использование: Вы можете просмотреть список атрибутов с помощью ctrl + space.

Наслаждайтесь автоматическим завершением Tailwind CSS в вашем HTML (EEx) файлы.

...