Visual Studio Code как создать структуру html?

Question

[Мария Иванникова]

После саблайма очень непонятно как работать с вижуал. В сабе был эммет и для создания структуры нужно было нажать ! и таб. Для вижуал я установила много плагинов по рекомендациям, но вообще не понимаю как ими пользоваться. не срабатывает !таб, по видео вообще не понимаю как создается структура html в вижуал коде.

Answer 1

[EYPPNM]

! + Tab в VSCode работает из коробки, переустановите его, и не ставьте плагины если вам они не нужны. Рекомендации не слушайте, это просто всего лишь рекомендации. Расширение файла в котором вы собрались писать код, должно быть html, но и в саблайм точно также, не будет работать emmet пока не задашь расширение

Comments

[Mirok1]

Если все рано не работает
,

Answer 2

[Egor]

Никогда бы не подумал - но столкнулся с этой же проблемой.
Весь остальной emmet работает нормально.



Версия: 1.69.1 (user setup)
Фиксация: b06ae3b2d2dbfe28bca3134cc6be65935cdfea6a
Дата: 2022-07-12T08:21:24.514Z
Electron: 18.3.5
Chromium: 100.0.4896.160
Node.js: 16.13.2
V8: 10.0.139.17-electron.0
ОС: Windows_NT x64 10.0.22000

Comments

[nkknnkknnkkn]

мне помогло в настройках нажать обновить и перезагрузить

[Egor]

nkknnkknnkkn, да да это был баг одной из версий VSCode. Его быстренько пофиксили и выпустили обновление.

Answer 3

[Максим]

в VSCODE тоже есть Emmet и vscode не много удобнее , у него есть дополнение в виде своего сервера

Comments

[Мария Иванникова]

а как он применяяется?

[Максим]

toradorra, а вы его установили ??

[RAX7]

toradorra, вы точно vscode установили?

[Мария Иванникова]

RAX7, да

[RAX7]

toradorra, а расширение у файла .html ?

[Мария Иванникова]

я перенесла свой проект из саблайма в код, в нем все плагины работают. но если я создаю новый файл, то ничего не работает

[Мария Иванникова]

RAX7, вот в чем проблема! спасибо большое

[RAX7]

toradorra, настройки проверьте, должно быть включено "Triger Expansion On Tab".

spoiler

Вообще emmet должен работать из коробки, сразу после установки.

[Максим]

RAX7, там нету Emmet из коробки ...я его устанавливал ...правда давно уже ...

[RAX7]

Максим Ленский, есть https://code.visualstudio.com/docs/editor/emmet

Emmet support is built right into Visual Studio Code, no extension is required.

возможно в старых версиях не было.

[Максим]

RAX7, да наверно ...

[EYPPNM]

Максим Ленский,

там нету Emmet

Есть там всё, нормальный редактор, и emmet, и с гитом нормально работать в нём

[Максим]

EYPPNM, а я не говорил что нету я сказал что в то время когда я его установил не было ...на тот момент не было ..я устанавливал отдельно

[EYPPNM]

Максим Ленский,

дальше я не стал читать)

[Максим]

EYPPNM, Сорян ...ошибся ...на тот момент не было ...я им пользуюсь около 8 лет ...с первой установки ..только обновляется и всё

[EYPPNM]

Максим Ленский, попробуйте поработать в VSCode, рекомендую

[Максим]

EYPPNM, я им и так пользуюсь - достаточно давно примерно 8 лет

[EYPPNM]

Максим Ленский, у вас 8 лет одна ОС без переустановки?

[Максим]

EYPPNM, да ...она лицуха ..я купил вин7 - она обновилась до 8 потом до 8.1 потом до 10ки

[Denis Verbin]

Максим Ленский, vscode 8 лет?!

[redskif]

Максим Ленский, я бы переставил начисто вин10, есть вероятность что начнет пошустрей работать. лицензия ваша подтянется.

Answer 4

[kanzl]

Я интуитивно обнаружил для себя "html" + Tab

Answer 5

[Latnove]

Для быстрого создания html структуры нужно использовать сочетания клавиш сразу же (в течение 3-5 секунд) после написания ! или слова html. Эти сочетания клавиш могут быть таковы - "!" "html" + Tab; Enter . В кавычках показано то, что у вас должно быть введено в редакторе для быстрого создания

Answer 6

[PevelMelnik]

После создания файла в редакторе, сохраните его в вашей среде разработки локлаьном сервере, можно в формате php, короче говоря в вэб формате. Дальше нажимаете все тоже что написали ! и таб и будет вам счастье.