Webstorm, не работает emmet в jade файлах

#phpstorm #webstorm

Столкнулся с проблемой автодополнения emmet в jade файлах после Sublime Text 3. Например
пишем "!", а получаем:


    html
      head
        meta(charset="UTF-8")
        title Document
        link(rel="stylesheet", href="")
      body


Есть ли способ добиться такого в Webstorm?
(плагин jade у меня стоит)
    

Ответы

Ответ 1

К сожалению, Emmet для Jade шаблонов сейчас не поддерживается. Пожалуйста, проголосуйте
за WEB-18099

loremru для webstorm

#html #css #intellij_idea #webstorm

Необходим аналог loremN, где N - число случайных слов. Прочитал документацию на сайте
jetbrains по составлению live templates, потыкал методы, в итоге не нашёл чего-нибудь
подходящего для решения задачи. Подскажите, кто сталкивался, спасибо
    

Ответы

Ответ 1

В HTML/XML вы можете использовать Emmet Lorem Ipsum генератор: скажем, введите lorem10.cls,
нажмите Tab - в результате получится 
Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Ex, odit!

См. https://www.jetbrains.com/help/webstorm/2017.2/emmet.html

Как удалить линию в редакторе Webstorm

#настройка #webstorm #редактор

Народ подскажите пожалуйста как можно удалить эту линию?
Ее вообще можно удалить?  


    

Ответы

Ответ 1

Setting → Editor → General → Appearance, снять галочку "Show right margin".

Как включить ES6 синтаксис в webstorm?

#javascript #webstorm

Webstorm подсвечивает стрелочные функции красным и пишет Expression statement is
not assignment or call, что делать?
    

Ответы

Ответ 1

Нужно зайти в настройки (Ctrl+Alt+S)
открыть там
Languages & Frameworks - Javascript
и переключить
Javascript language version
на
ECMAScript 6

Как получить CSS из SASS?

#css #phpstorm #sass #less #webstorm

Настраиваю file watcher. Сохраняю main.sass и почему-то создается файл с данным содержимом:

write main.css
write main.css.map


А как получить CSS код через File watcher WebStorm

    

Ответы

Ответ 1

Не понял в чем именно была проблема, но теперь всё работает с данными настройками:


Ответ 2

можно не привязываться к определенной среде 
а использовать отдельный компилятор
например http://koala-app.com/

компилит все :)

Intellij Webstorm и Jade форматирование скомпилированного HTML

Есть IDE Webstorm в которой я работаю с Jade файлами, которые после компиляции в HTML выдают такое форматирование кода:

А мне нужно вот такое:
Может такое делать webstorm из коробки или нужно использовать сборщики типа gulp?

Ответ

В Jade есть опция --pretty -P, --pretty compile pretty html output Добавьте её как аргумент

Как в WebStorm автоформатировать php код?

Столкнулся с такой проблемой, что CSS и HTML файлы поддаются форматированию кода через Ctrl+Alt+L, а PHP почему-то игнорирует.
Может я где то настройки сбил? Что необходимо сделать, чтоб в PHP файлах тоже работало форматирование через горячие клавиши?

Ответ

Необходимо использовать PhpStorm.
Потомму что webStorm - это ide предназначенная для редактирования js проектов. Для редактирования PHP файлов существует PhpStorm)
PhpStorm поддерживает так же редактирование js

Webstorm, не работает emmet в jade файлах

Столкнулся с проблемой автодополнения emmet в jade файлах после Sublime Text 3. Например пишем "!", а получаем:
html head meta(charset="UTF-8") title Document link(rel="stylesheet", href="") body
Есть ли способ добиться такого в Webstorm? (плагин jade у меня стоит)

Ответ

К сожалению, Emmet для Jade шаблонов сейчас не поддерживается. Пожалуйста, проголосуйте за WEB-18099

Как включить ES6 синтаксис в webstorm?

Webstorm подсвечивает стрелочные функции красным и пишет Expression statement is not assignment or call, что делать?

Ответ

Нужно зайти в настройки (Ctrl+Alt+S) открыть там Languages & Frameworks - Javascript и переключить Javascript language version на ECMAScript 6

Как удалить линию в редакторе Webstorm

Народ подскажите пожалуйста как можно удалить эту линию? Ее вообще можно удалить?

Ответ

Setting → Editor → General → Appearance, снять галочку "Show right margin".