Есть такие программы, которые заметно облегчают жизнь веб-разработчикам. Среди пользователей Mac хорошо себя зарекомендовала программа под названием CodeKit. По сути это аналог grunt/gulp с визуальным интерфейсом и большим количеством различных возможностей, которые сильно упрощают процесс веб-разработки.

На днях CodeKit получила обновление до версии 2.3. Давайте посмотрим, что нового в этой версии.



Помимо всего прочего CodeKit умеет на лету оптимизировать изображения, а также имеет встроенный веб-сервер с механизмом «живого обновления» содержимого страницы (аналог LiveReload).

Обратимся к переводу описания, чтобы узнать детали:
CodeKit помогает вам создавать веб-сайты быстрее и лучше.
CodeKit умеет компилировать Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript; оптимизировать, минифицировать, сжимать все то, что можно оптимизировать, минифицировать и сжать; проверять синтаксис JavaScript и CoffeeScript; создавать LiveReload соединение, которое будет доступно в любом браузере, на любом устройстве. самые распространенные фреймворки (Foundation, Bourbon, Compass) уже внутри, но что еще круче — это встроенный Bower; генерировать Source Map; и плюс ко всему, вы можете «автоматизировать свое» с помощью AppleScript или Bash.

Преимущества:
• Синхронизация параметров проекта по группам и компьютерам в открытом формате JSON
• Держите только одну копию файла на диске и легко используйте его во многих проектах, не беспокоясь о пути к файлам.
• Делайте отладки скриптов весело и легко.
• Без потерь вы сможете уменьшить JPEG и PNG размер файла одним щелчком мыши и увидеть сохраненный результат.


Для тех, кто впервые сталкивается с этой программой, рекомендую посмотреть следующий ролик:


Список изменений достаточно большой. Вы можете прочитать его в спойлере.

Список изменений CodeKit 2.3 (на английском языке)
Version 2.3:
New: MultiMarkdown
• CodeKit has switched from the Discount Markdown compiler to MultiMarkdown!
• This brings a ton of features for Markdown, including the ability to import MD files into each other.
• If you use Markdown in CodeKit, you'll want to check the file's settings after updating; none of the old options exist any more.

New: JSON Language Support
• You can now minify and alphabetize JSON files.
• This is opt-in; you have to turn on processing for JSON files in your project. By default, CodeKit won't do anything when you save a JSON file because most of them probably aren't meant to be processed.

New: Apple Watch Support
• Because of course Apple Watch Support.
• Success messages will continue to be logged to the CodeKit window.
• Error messages will now be logged only to your Apple Watch Edition.
• The line number of the syntax error is indicated by haptic feedback. Simply count the number of pulses on your wrist.

Other Interesting Improvements
• The HTTP verbs DELETE and PUT are now supported. You'll still need an external server, but CodeKit will now proxy these requests correctly.
• There is now an «Open With» command if you right-click a file in the list. Works like every «Open With» menu since the dawn of time.
• Literate CoffeeScript is now fully supported. Note: you cannot combine *.litcoffee files with regular Coffee or JS files, but you can combine litcoffee files with each other.
• You can now compile *.sass files with Libsass.
• If your project has a 'bower.json' file, it should now be updated correctly when you install assets.

Hooks
• Bash Hooks can now get a list of all the files that CodeKit processed and created through the special environment variables CK_INPUT_PATHS and CK_OUTPUT_PATHS.

Stuff you probably don't care about
• The Inspector Panel is now scrollable. Lots of new options coming soon, so these had to go scrollable to fit everything I'm working on.
• The Output Path section of the Inspector Panel has been tweaked for clarity.

Fixes
• Kit files in a subfolder of a CodeKit Framework were not found for import linking. That sucked. Let's not do that anymore.
• TypeScript error messages stopped being displayed in the log. You make ONE joke about Bill Gates on Twitter, and suddenly all the Microsoft stuff stops working in your app.
• If your DOM is really complex, Browser Sync could fire events on the wrong element. This is no longer the case.
• Clicking 'Apply' while editing the AutoPrefixer Browser String in Project Settings will no longer discard your edits.
• The 'Pause File-Watching' menu items now update their titles correctly when file-watching is, in fact, paused.

Component Updates
• Libsass --> 3.1 Beta 6 (TONS of fixes, including support for all output styles)
• Sass --> 3.4.13
• Less --> 2.5.0 (source maps now work with compressed output!)
• Stylus --> 0.50.0
• Autoprefixer --> 5.1.1
• Uglify.js --> 2.4.20 (adds keep_fnames and bare-returns options)
• CoffeeScript --> 1.9.2
• CoffeeLint --> 1.9.4
• JSHint --> 2.7 (adds futurehostile, varstmt and nocomma options)
• Bourbon --> 4.2.2 (now the same version for both Ruby Sass and Libsass!)
• Bourbon Neat --> 1.7.2
• Bower --> 1.4.1
• Node --> 0.12.2


Скриншоты интерфейса программы:
image
image
image
image
image


Официальный сайт:
incident57.com/codekit

Программа стоит $32, но во время последнего MacHeist вкупе с другими программами она стоила $14.99.

Добавлю, что программа действительно стоит своих денег.

Разработчик добросовестно выпускает постоянные обновления, расширяющие функционал.
Пользуетесь ли вы CodeKit или аналогами?

Проголосовало 259 человек. Воздержалось 63 человека.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Комментарии (11)


  1. twentyfivesymbolsusername
    26.04.2015 13:58

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

    Но тем не менее, после того как проект готов, дописываю грунтфайл, т.к. иногда нужно собрать и на окнах/линуксе. Ну и на сервере проект собирает Дженкинс.


    1. CuamckuyKot Автор
      26.04.2015 13:59

      Спасибо за комментарий. Мало кто использует сервера на OS X, поэтому, конечно, нужно писать таск-раннерам задачи.


  1. pepelsbey
    26.04.2015 14:34

    Единственное преимущество CodeKit состоит в том, что им могут пользоваться те, кто смертельно боится консоли. Но как только страх прошёл — 32 $ улетают на ветер. Разработчику всё же полезнее изучать интерфейс сборщиков и консоли, а не интерфейс программы.


    1. CuamckuyKot Автор
      26.04.2015 15:15
      +2

      Не соглашусь. Люблю консоль и не боюсь её. Вместе с тем иногда проще пару кликов сделать, чем новый исполняющий файл для такс-раннера (не все задачи одинаковы бывают).


  1. estum
    26.04.2015 15:47
    +2

    Вот бы она сама генерировала grunt/gulp-файлы и сохраняла бы их и настройки bower в проект, цены бы ей не было. Даже в небольшом проекте Gruntfile может очень сильно разрастись, становится трудно разобрать мешанину тасков, уже не знаешь куда впихнуть очередной (мне кажется даже coffee синтаксис для этого не очень подходит, я уж молчу про сам JS).


    1. CuamckuyKot Автор
      26.04.2015 15:53

      Полностью согласен. Сдаётся мне, что под капотом у неё должен трудиться либо grunt, либо gulp.


  1. printf
    26.04.2015 16:30
    +1

    Проголосовал за «Нет, только grunt/gulp», хотя на самом деле пользуюсь тем, что оказалось под рукой — Makefiles, Fabric, etc.

    Но непременно чем-то консольным и переносимым, конечно.


    1. Valery4
      29.04.2015 09:44
      +1

      Согласен. У меня даже лицензия на сабж есть, после покупки одного из бандлов. Только что делать остальным членам команды? Очень уж ограничивает платформа и необходимость обоснования покупки Кодкита фирмой. Особенно, если сам прекрасно обхожусь без оного.


  1. VitaLik_is_goodman
    26.04.2015 18:29
    +2

    Это хорошо, когда ты работаешь один, но что если вас двое на проекте? плохо что не создает никакого конфигурационного файла (или создает?), который мог бы подхватить другой человек.

    И очень спорное решение со списком всех проектов, там такой список будет через пару месяцев(это опять уже в сторону отсутствия конфигурационного файла, который в репозиторий хотя бы можно было положить)

    Вы нашли какие-то решения этих проблем для себя?


    1. CuamckuyKot Автор
      26.04.2015 18:49

      Как раз таки создаёт. Можно в репозиторий его загрузить.


  1. vinograd19
    26.04.2015 21:52
    +3

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