Comments 134
UFO just landed and posted this here
Верно, жаль в Package Control еще нет.
Как это нет? Добавьте репозиторий github.com/sergeche/emmet-sublime
Сырой вроде как еще
Уже вполне стабильный. Больше месяца не было сообщений о проблемах; в основном делаются мелкие доработки и улучшения.
UFO just landed and posted this here
Такие реквесты уже были, правда, народ хотел получить CSS-селектор для стилизации.
Я завёл у себя тикет под эту задачу: github.com/sergeche/zen-coding/issues/93
В основной релиз Emmet это не войдёт, возможно, в следующее обновление.
Я завёл у себя тикет под эту задачу: github.com/sergeche/zen-coding/issues/93
В основной релиз Emmet это не войдёт, возможно, в следующее обновление.
Добавил в пост.
У меня не поставился.
Crash при старте.
Sublime последний, 2.0.1 build 2217.
OSX 10.8.2
Crash при старте.
Sublime последний, 2.0.1 build 2217.
OSX 10.8.2
За «level up» большое спасибо. Этого не хватало.
Если кому интересно. бесплатный исчерпывающий курс по Sublime — Perfect Workflow in Sublime Text 2
SublimeLinter насколько я понял просто валидатор для некоторых языков?
Не хватает навигатора методов, переменных и т.п.
Cmd (Ctrl) + R -> прямо из коробки fuzzy-поиск по обявлениям методов\селекторов, но, к сожалению, только в пределах текущего файла.
Да, знаю. Маловата функциональность.
Для полной функциональности можете использовать github.com/SublimeText/CTags
Немного не так.
Так же есть фича ctrl+P, которая позволяет искать файлы и указывать дополнительно строку или же метод, т.е. такую конструкцию поймет: app someClass @__construct.
Так же есть фича ctrl+P, которая позволяет искать файлы и указывать дополнительно строку или же метод, т.е. такую конструкцию поймет: app someClass @__construct.
Про плагин SublimeCodeIntel — у вас получилось заставить его работать с JS? У меня ни в какую не хочет.
Ещё из плагинов я бы добавил в список плагин для работы с системой контроля версий. Например, в текущем моём проекте используется SVN и одноимённый плагин очень помогает.
Также, есть отличный плагин SFTP — для работы с удалёнными серверами через SSH.
Ещё из плагинов я бы добавил в список плагин для работы с системой контроля версий. Например, в текущем моём проекте используется SVN и одноимённый плагин очень помогает.
Также, есть отличный плагин SFTP — для работы с удалёнными серверами через SSH.
У меня постоянно Sublime выдает сообщения о различных плагинах, которые его, якобы, подвесили. В основном это относится к Sublime Linter. Кто знает как с этим бороться?
Еще один полезный плагин для подстветки цветов прямо в коде CSS: LiveCSS
Еще один полезный плагин для подстветки цветов прямо в коде CSS: LiveCSS
Блин, когда верстать то… одних плагинов миллион. Все сыроватое и не полное. Пока в NetBeans справляюсь. Автокомплит его меня устраивает. ctrl +Щелчек по стилу в html автоматом скролит лист к этому классу в css и прочие забавные фишечки.
Да, он тормознутее сублима по загрузке. Для скорости у меня ноутпад++.
Да, он тормознутее сублима по загрузке. Для скорости у меня ноутпад++.
Оствлось только начать использовать препроцессоры шаблонов и выкинуть к чертям html снипеты.
А что вы подразумеваете под препроцессорами шаблонов?
Да хоть тот же bem-tools. На самом деле я даже не знаю других более-менее гибких и открытых препроцессоров для шаблонов. Для себя я писал свой препроцессор на базе haml'а с компиляцией в шаблоны целевой платформы — первый прототип накидал за выходные и избавил себя от необходимости писать сниппеты, zencoding'и и захламлять репозитарий сгенерированным кодом.
Для Django есть даже всякие странные поделки типа github.com/jessemiller/HamlPy
Таких утилит весьма много, но мало из них доведены до удобного workflow.
К счастью парсеров открытых море и за недельку вы сможете собрать свой препроцессор.
Если найдёте что-то ещё более интересное, обязательно напишите — буду рад узнать.
Для Django есть даже всякие странные поделки типа github.com/jessemiller/HamlPy
Таких утилит весьма много, но мало из них доведены до удобного workflow.
К счастью парсеров открытых море и за недельку вы сможете собрать свой препроцессор.
Если найдёте что-то ещё более интересное, обязательно напишите — буду рад узнать.
Мне кажется чем делать из текстового редактора IDE, проще взять настоящую IDE. Sublime — отличный тектовый редактор, но не IDE, и даже не основа для IDE.
В чем же реальные преимущества IDE для верстальщика, например?
Я сравниваю IDE, сделанные изначально как IDE (см. тот же webstorm), и IDE, сделанные по кусочкам любителями из текстового редактора. По моему опыту настоящая IDE работает лучше как IDE. А тектовые редакторы работают лучше IDE как текстовые редакторы, при условии что в них не насована пара десятков плагинов в попытке сделать из них IDE. Как-то так.
Как раз с Webstorm (точнее Phpstorm) я и перешел на Sublime. Добавление истории версий реализуется простой установкой плагина нужной VCS.
Надо же, а я перешел наоборот: Sublime → PhpStorm
Мне кажется, PhpStorm выигрывает по авто-дополнению в больших проектах. И форматирование кода как мне надо, удалось настроить только в этой IDE.
Но каждому свой набор «ключей и отверток» :-)
Мне кажется, PhpStorm выигрывает по авто-дополнению в больших проектах. И форматирование кода как мне надо, удалось настроить только в этой IDE.
Но каждому свой набор «ключей и отверток» :-)
А как быть с авто-комплитом?
+ в sublime css классы не предлагаются при вводе (из всех тех css файлов, что есть в проекте).
Насчет php не смотрел, но html уже оч серьезно, шаблоны неудобно верстать.
Если эту проблему решить и в php комплит настроить, то sublime оптимальный вариант.
Поскольку git плагин там прекрасно работает.
+ в sublime css классы не предлагаются при вводе (из всех тех css файлов, что есть в проекте).
Насчет php не смотрел, но html уже оч серьезно, шаблоны неудобно верстать.
Если эту проблему решить и в php комплит настроить, то sublime оптимальный вариант.
Поскольку git плагин там прекрасно работает.
CSS-классы предлагаются только те, что есть в файле, да (может и есть какой плагин, не знаю, но мне это просто не нужно, а сами классы вообще-то задаются в html, почему автокомплит должен работать на основе других CSS-файлов?). А что не так с автокомплитом HTML?
PHP я тоже не смотрел, мне его поддержка на уровне IDE здесь не нужна, тем более пост про front-end.
PHP я тоже не смотрел, мне его поддержка на уровне IDE здесь не нужна, тем более пост про front-end.
Ну сами классы обычно хранятся в css файлах.
Конечно Sublime сейчас уже удобнее textmate, который отходит на второй план.
Просто до Lite IDE недалеко) Почему бы и не добить.
Конечно Sublime сейчас уже удобнее textmate, который отходит на второй план.
Просто до Lite IDE недалеко) Почему бы и не добить.
Думаю, важно понимать то, что это текстовый редактор, а не IDE. Да, с помощью плагинов функционал можно приблизить, но если вам нужна IDE, то зачем тратить на это время и в результате получать всё равно не всё, что хочется? Если бы я писал на, скажем, PHP, то делал бы это в IDE, но для front-end лично я считаю функционал IDE несколько излишним, например, зачем мне поддержка трех VCS, если сейчас в работе я не пользуюсь ни одной из них? Или зачем мне тащить за собой Java 6 для Webstorm, если мне хватает Sublime? Повторю, что это мои личные капризы, и многие могут не согласиться, но ведь никто никого и не принуждает)
UFO just landed and posted this here
Даже ul>li*5>a не используете? Автокомплит, конечно, ускоряет ввод, но не избавляет от повторных действий (в примере пришлось бы вводить или копировать одинаковые элементы списка со ссылками).
А настолько ли часто требуется ul>li*5 чтобы держать в памяти этот доп. синтаксис?
Я вот в восторге был от zencoding, разобрался с ним, включая всякий хитрый синтаксис и доп. шоткаты. В результате юзал ну может раза два-три на практике. Правда я html не верстаю в промышленных масштабах.
Я вот в восторге был от zencoding, разобрался с ним, включая всякий хитрый синтаксис и доп. шоткаты. В результате юзал ну может раза два-три на практике. Правда я html не верстаю в промышленных масштабах.
Я бы сказал очень часто, ну и доп. синтаксис весьма прост, по крайней мере в таких базовых применениях. Ну и списками сыт не будешь, проще ведь написать
div.class
, чем <div class="class"></div>
, разве нет?я, например не понимаю почему бы не сократить до «d.c» это же логично.
В div.class class это имя класса, а не атрибут.
Думаю, можно для себя такой сниппет сделать, но это уже действительно нужно запоминать, предлагаемый формат — интуитивно понятен.
Ну а если уж совсем вдаваться в детали, то под d подходит и dl,dt,dd (хоть они и не так часто встречаются, но все же).
Ну а если уж совсем вдаваться в детали, то под d подходит и dl,dt,dd (хоть они и не так часто встречаются, но все же).
да в идеале вообще чтобы как в ворде, редактор отображал только сокращеный код а при сохранении нормальный html. А кстати? Если доктайп переписать? Не там ли идет разбор полетов с тегами? Заменить весь доктайп на ZenCoding — дело в шляпе и в исходном коде)
> интуитивно понятен.
Раскрывая секреты, не знаю чьи, я хочу сказать что слово " DIV " ничем не отличается от иконки. Работает для восприятия точно так же. Это просто образ — паттерн. Так нафига париться с написанием. предлагаю на корню отображать вместо div корпич. Ну чем не интуитивно?)
Нажал d — получил кирпич в редакторе.
Ну согласись? Тут и привязка к форме, и привязка к цвету. А вот слово для восприятия мозга требует большей нагрузки. Именно снять для мозга такую лишнюю нагрузку — моя мечта для среды разрботкт будущего)
Раскрывая секреты, не знаю чьи, я хочу сказать что слово " DIV " ничем не отличается от иконки. Работает для восприятия точно так же. Это просто образ — паттерн. Так нафига париться с написанием. предлагаю на корню отображать вместо div корпич. Ну чем не интуитивно?)
Нажал d — получил кирпич в редакторе.
Ну согласись? Тут и привязка к форме, и привязка к цвету. А вот слово для восприятия мозга требует большей нагрузки. Именно снять для мозга такую лишнюю нагрузку — моя мечта для среды разрботкт будущего)
еще с zencoding это сокращено до ".class"
Можно быстрее — .class, «тегом по-умолчанию» является div.
А две точки td, три точки tr, четыре точки table )
Этож брейнфак! Но посути, для новичка исходный код страницы — тот же брейнфак. Дело привычки)
Этож брейнфак! Но посути, для новичка исходный код страницы — тот же брейнфак. Дело привычки)
Скажем так, zen-coding задумывался для «разворачивания» селекторов css. Это потом он уже оброс дополнительными фичами. Если вам их трудно освоить синтаксис css + держать пару шорткатов в голове, то как вы верстаете?
Кстати да, если элемент в селекторе будет ребенком инлайнового — разворачивает в спан.
Было бы круто ввести контектсность (для некторых элементов по умолчанию):
ul>.class = ul>li.class
table>tr>.cell = table>tr>td.cell
и т.д.
Кстати да, если элемент в селекторе будет ребенком инлайнового — разворачивает в спан.
Было бы круто ввести контектсность (для некторых элементов по умолчанию):
ul>.class = ul>li.class
table>tr>.cell = table>tr>td.cell
и т.д.
UFO just landed and posted this here
В Emmet это уже есть: github.com/sergeche/emmet-sublime#misc
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
В новую версию под названием Emmet была добавлена поддержка CSS: github.com/sergeche/emmet-sublime#css
Так в плагине есть такая фишка. По умолчанию жмем ctrl+alt+enter и вводим внизу команду, наблюдая во что она по мере набора разворачивается в документе.
Ещё очень полезный плагин: SublimeFileDiffs, добавляет функцию сравнения, которой так не хватает.
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
Cmd+Shift+P -> «close all» + enter == File: Close all.
При использовании набираемая строка сокращается до «cl» + enter.
При использовании набираемая строка сокращается до «cl» + enter.
Я Command Palette забиндил на F1. Стало удобней. Мизинчиком чик на кнопочку…
Кажется, у меня что-то не то с пальцами… Не представляю, в какой позе надо держать руки на клавиатуре, чтоб мизинчиком было удобно тянуться в самый верхний ряд клавиш.
Можно фото? %)
Можно фото? %)
Вполне удобно, может быть у вас клавиатура слишком большая (это политкорректный вариант предположения о длине пальцев). :)
Макбук 13", если что.
Просто лично мне, чтобы нажать мизинцем F1 надо либо кисть поворачивать по часовой стрелке, либо всю кисть сдвигать вверх — обе операции сильно затратные по сравнению с обычными движениями при печати.
Просто лично мне, чтобы нажать мизинцем F1 надо либо кисть поворачивать по часовой стрелке, либо всю кисть сдвигать вверх — обе операции сильно затратные по сравнению с обычными движениями при печати.
Может у меня пальцы длиннее ваших? :)
Можно помимо прочих советов, вызвать меню на вкладке и закрыть остальные, к примеру.
LiveReload я себе настроил с помощью программы AutoHot Key, в которой забил скрипт обновления браузера по сохранению в редакторе. После некоторых мучений, работает нормально.
Скажите, а Sublime Text бесплатен для использования на рабочем компьютере для рабочих целей, соответственно?
Sublime платен для любых целей, но триал у него бесконечный и единственные его ограничения заключаются во всплывающем иногда при сохранении окошке, напоминающем о покупке, а также слове UNREGISTERED в заголовке окна.
Т.е. если я буду пользоваться им даже в коммерческих целях (всплывающие окошки не мешают), то никакой ОБЕП ничего не напакостит?
Что касается выбора персональной или бизнес-лицензии, этот вопрос освещается в sales faq достаточно подробно. А вот про триал я ничего не нашел в таком контексте. За ОБЭП ручаться не могу, но здравый смысл подсказывает, что раз на сайте Sublime триал «один для всех», то вы ничего и не нарушаете. К тому же там есть такое предложение:
Т. е. время, в течение которого вы можете «оценивать» программу, неограниченно.
Sublime Text 2 may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evaluation.
Т. е. время, в течение которого вы можете «оценивать» программу, неограниченно.
Что-то не получается «Соду» прикрутить.
Вроде бы всё делал по инструкции отсюда.
Поставил пакет «Theme — Soda».
В «Package Control -> Settings — User» добавил, как просили.
Получается нечто вроде:
Пробовал дома на Маке и на работе на Линуксе. Специально установил dev версию, т.к. было написано, что работает с dev веткой.
Вроде бы всё делал по инструкции отсюда.
Поставил пакет «Theme — Soda».
В «Package Control -> Settings — User» добавил, как просили.
Получается нечто вроде:
{
"auto_upgrade_last_run": 1350206568,
"installed_packages":
[
"DuplicateSelections",
"Package Control",
"Theme - Soda"
],
"theme": "Soda Dark.sublime-theme"
}
Пробовал дома на Маке и на работе на Линуксе. Специально установил dev версию, т.к. было написано, что работает с dev веткой.
А есть для него какойто плагин, чтобы просматривать ФТП в сайдбаре?
А то не удобно каждый раз Browse Remote… делать из SFTP/FTP
А то не удобно каждый раз Browse Remote… делать из SFTP/FTP
Через SFTP можно удалённый сервер примаунтить к какой-нибудь папке и он будет автоматически её синхронизировать туда-сюда, и, соответственно, эту локальную папку можно будет добавить в сайд-бар. Но это не просмотр через сайд бар, а именно синхронизация, т.е. файлы с сервера выкачиваются на локальную машину, а при сохранении изменённые закачиваются обратно.
Но, лично я, сайд-баром пользуюсь очень редко, эффективнее и быстрее всё делать через fuzzy-поиск.
Но, лично я, сайд-баром пользуюсь очень редко, эффективнее и быстрее всё делать через fuzzy-поиск.
Просто у меня по работе ну очень часто надо «залеть на фтп и поправить пару файлов», но быстро, так что синхронизация не подходит.
Конечно тут есть обычный броуз файлов, но хотелось бы гденибудь в сайдбаре, а то кликнул не туда, и оно закрылось
Конечно тут есть обычный броуз файлов, но хотелось бы гденибудь в сайдбаре, а то кликнул не туда, и оно закрылось
SFTP — это не для работы с FTP, а для доступа через SSH. Для FTP достаточно примаунтить ftp через Finder — и эта директория будет доступна и через Sublime.
Еще один удобный плагин для написания комментариев для Javascript, Java, C++ в JSDoc стиле. Автоматическое оформление и поддержка тегов.
DocBlockr
DocBlockr
Один вопрос. Что такое «препроцессор» в терминах сублимтехтедитор2?
А кто-нибудь знает другие IDE в которых есть/можно_прикрутить штуку на подобие поиска Ctrl+P в Sublime?
Супер штука!
Супер штука!
Отличный наборчик, пользуйсь ST как альтернативой для WebStorm, единственно что напрягает это отсутвие адекватного деплоймента. Ну точнее адекватный есть, но за отдельные деньги, все никак не соберусь купить.
Вот еще плагинчик удобный: SublimeTODO, для тех кто пользуется такой нотацией.
Вот еще плагинчик удобный: SublimeTODO, для тех кто пользуется такой нотацией.
Есть еще круче, для глобальных задач — PlainTasks
LiveReload for Sublime Text 2 рабочий
1. Ставим через Package Control — LiveReload
2. Ставим расширение версии 2.0.8 на свой браузер
проверенно на FF 15 и Chrome 22 работает.
1. Ставим через Package Control — LiveReload
2. Ставим расширение версии 2.0.8 на свой браузер
проверенно на FF 15 и Chrome 22 работает.
Вот я и так тоже пробовал, но что-то не завелось, скорее всего что-нибудь не то сделал. Мне в блоге еще подсказали, что dev-версия LiveReload якобы стабильнее: github.com/dz0ny/LiveReload-sublimetext2/tree/devel (тоже в сочетании с расширением 2.0.8 по вашей ссылке).
Впервые попробывал этот редактор и не мог понять насчет подсветки кода- это плагин добавляет подсветку?
У меня Sublime Text 2 (Linux Mint) грузит процессор до 100% через 10-20 минут работы. Когда поставил — радости небыло предела, на столько понравился. А теперь вот гуглю эту проблему.
А никто не пробовал перенести панель вывода результатов исполнения кода в другое место? Иногда удобно отслеживать выполнение циклов, и хотелось бы иметь окно с результатами в виде sidebar.
неплохой кстати плагин подсветки изменений файла с последнего коммита (как в нетбинсе — если кто в курсе)
github.com/gornostal/Modific
github.com/gornostal/Modific
Для Sass целых три плагина нашел.
github.com/n00ge/sublime-text-haml-sass
github.com/nathos/sass-textmate-bundle
github.com/kuroir/SCSS.tmbundle
Интересно есть ли существенная разница? Кто нибудь пробовал уже в работе?
github.com/n00ge/sublime-text-haml-sass
github.com/nathos/sass-textmate-bundle
github.com/kuroir/SCSS.tmbundle
Интересно есть ли существенная разница? Кто нибудь пробовал уже в работе?
Для LESS есть еще Crunc
Если честно, не вижу смысла менять шило на мыло.
Работа с препроцессорами? Ну, хорошо. Fuzzy-поиск? А это уже спорный вопрос. ИМХО, лучше четко знать аббревиатуры, чем сидеть и гадать, какой символ добавить, чтобы раскрыть нужное свойство со значением. В этом случае предпочитаю Emmet.
Работа с препроцессорами? Ну, хорошо. Fuzzy-поиск? А это уже спорный вопрос. ИМХО, лучше четко знать аббревиатуры, чем сидеть и гадать, какой символ добавить, чтобы раскрыть нужное свойство со значением. В этом случае предпочитаю Emmet.
Emmet тоже работает с препроцессорами и у него есть нечёткий поиск, причём в стиле ST2: с отображением вариантов в автокомплите.
Большое спасибо автору статьи! Много я нового для себя открыл!!!
Есть у меня пара вопросов к знающим.
1) Prefix не добавляет почему-то "-moz"
2) Как вы синхронизируете с ftp или sftp ваши проекты? ( я привык к Coda, там все автоматом, зажал клавши и все ушло, а на ST2 не знаю как?)
Подскажите кто чем пользуется?
Есть у меня пара вопросов к знающим.
1) Prefix не добавляет почему-то "-moz"
2) Как вы синхронизируете с ftp или sftp ваши проекты? ( я привык к Coda, там все автоматом, зажал клавши и все ушло, а на ST2 не знаю как?)
Подскажите кто чем пользуется?
Есть ещё неплохой плагин для подсветки парных тегов BracketHighlighter
Sign up to leave a comment.
Готовим Sublime Text 2 для front-end