LINUX.ORG.RU
решено Форум — Development  

vim + html + js + выравнивание

 , ,


1

6

Есть скелет

Делаю выравнивание всего кода: ggVG= и получаю следующее

Кстати, еще дополнительный вопрос: как должен выравниваться js code относительно тега <script> ?

#1 

<script>
function zzz() {
    wfwfwefwefe;
}
</script>

#2 

<script>
    function zzz() {
        wfwfwefwefe;
    }
</script>

★★★★

Ммм, а смысл писать код JavaScript внутри html? Не проше подрубить внешний main.js, который будет компилироваться гульпом из кофескрипта?

menangen ★★★★★
()
Ответ на: комментарий от menangen

Вопрос про выравнивание js внутри html. Придерживайтесь пожалуйста темы топика.

bryak ★★★★
() автор топика

Это зависит от принятого в твоём проекте стиля.
Можешь хоть минифицировать его в одну строку.
Для себя я бы выбрал #2

Goury ★★★★★
()
Ответ на: комментарий от menangen

подрубить внешний main.js == дополнительный http запрос.
А если у кого-нибудь будет лагучий мобильник — страница вместо двух секунд будет грузиться четыре.

Goury ★★★★★
()

#2, если ты только не делаешь #1 с любым другим тегом с текстом.

zz ★★★★
()
Ответ на: комментарий от Goury

не знаю про какой именно мобильный телефон и браузер идет речь. но все таки считаю что js нужно отдельными файлами делать, для удобства разработки. Для мобильных - если таки кеш не получится использовать, делать отдельный шаблон, где уже лепить все вместе

kiotoze ★★★★
()

Нафига вы текст картинками прикладываете? Чтоб не дай бог, кто у себя не решил по-быстренькому попробовать?

как должен выравниваться js code относительно тега <script>?

web-mode для GNU Emacs’а по-умолчанию выравнивает вот так, то есть на один пробел:

<html>
    <head>
        <title>qq</title>
        <script>
         function zzz() {
             wfwfwefwefe;
         }
        </script>
    </head>
</html>
Zmicier ★★★★★
()
Последнее исправление: Zmicier (всего исправлений: 1)
Ответ на: комментарий от kiotoze

Для разработки конечно нужно отдельно.
А вот для отдачи можно и в один слепить в большинстве ситуаций.

Goury ★★★★★
()

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

bryak ★★★★
() автор топика
Последнее исправление: bryak (всего исправлений: 1)

лично у меня выравнивает вот так: 

<!DOCTYPE html>
<html lang="en">
  <head>

    <title>some</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <script type="text/javascript" charset="UTF-8">
    function zzz() {
      wfwfwfwfwfwf; 
    }
  </script>
  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>
  </body>
</html>
но я предпочитаю использовать Chiel92/vim-autoformat, очень крутой плугин для всего, работает с различными оффлайновыми бьютифаерами, для html/xml/js/json и т.п. используется js-beautify (html-beautify в комплекте): 
sudo npm -g install js-beautify
ну там и через pip можно поставить, если node не стоит.

Он твою портянку форматирует вот так: 

<!DOCTYPE html>
<html lang="en">

<head>

  <title>some</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<script type="text/javascript" charset="UTF-8">
  function zzz() {
    wfwfwfwfwfwf;
  }
</script>

<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</body>

</html>
у меня так: 
noremap  <F8>   :Autoformat<CR><CR>
глянь мой .vimrc, я когда занимался вебом плотно настроил вим и плугины практически до идеального воркфлоу.

kep
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Development