Вышла новая версия WebCalm - плагина для IDEA (и других IDE от JetBrains), который добавляет поддержку JavaScript и CSS. Плагин бесплатный и с открытым исходным кодом.
Логотип WebCalm.
За полтора месяца разработки накопилось достаточно много изменений:
Месяц назад я публиковал пост о том как улучшить подсветку JavaScript и CSS в IntelliJ IDEA Community Edition. Сегодня я представляю вашему вниманию WebCalm. Это бесплатный плагин для IDEA (и других IDE от JetBrains), который добавляет базовую поддержку JavaScript: подсветка синтаксиса, навигация, автодополнение и т.д. Это полезно, если вам иногда необходимо работать с обычными HTML страницами. Например, чтобы добавить GitHub Pages к своему проекту. Для серьёзной web-разработки я всё же рекомендую использовать платную IntelliJ IDEA Ultimate Edition или другие редакторы.
WebCalm и JavaScript-код встроенный в HTML.
Возможности:
Подсветка синтаксиса.
Свёртка кода (Code folding).
Просмотр структуры кода (Structure view).
Переход к объявлению (Go to declaration).
Поиск использований (Find usages).
Переименование.
Встроенный в HTML код (в тэги script и в атрибуты).
MacOS - многопользовательская операционная система и данные одного пользователя недоступны другому, ноесть один нюанс. По-умолчанию, если вы создаёте директорию или файл в своём домашнем катологе (/Users/your_username/), то они получают разрешение только для чтения для всех - прямо как ~/Public директория. Т.е. любой другой пользователь системы сможет просмотреть этот файл или файлы внутри этой директории. Если это нежелаемое для вас поведение, то вот что вы можете сделать:
Помещать файлы в директории существующие в вашей домашней директории по-умолчанию: ~/Documents, ~/Downloads и т.д. Они (все кроме директории ~/Public) недоступны другим пользователям.
Запретить доступ другим пользователям к созданной директории или файлу с помощью chmod 700 /Users/your_username/your_directory_or_file_name.
Запретить доступ к своей домашней директории с помощью chmod 700 /Users/your_username/, но тогда ваша ~/Public директория тоже станет недоступной для других пользователей.
Пример разрешений по-умолчанию для свежеиспеченной домашней директории.
[Update: картинка с примером]
[Update: обычные файлы в домашней директории создаются с такими же доступами]
Если вы используете бесплатную IntelliJ IDEA Community Edition, то из поддержки JS и CSS там только весьма скудная syntax highlighting only подсветка синтаксиса, но есть простой способ её улучшить.
В этом нам поможет плагин TextMate Bundles, который уже встроен в современных версиях IDEA. В этом плагине уже встроены бандлы для JavaScript и CSS, причём, с достаточно неплохой подсветкой синтаксиса. Загвоздка в том, что эта подсветка не работает из коробки, т.к. её перекрывает та самая syntax highlighting only подсветка.
Чтобы всё заработало, идём в Settings > Editor > File Types и удаляем File name patterns для CSS (syntax highlighting only) и JavaScript (syntax highlighting only). Тоже самое можно проделать и для SQL (syntax highlighting only).
Пример было/стало для JavaScript:
Сравнение подсветки JavaScript.
К сожалению, это не даёт подсветку синтаксиса для CSS и JavaScript встроенных в соответствующие HTML тэги.