Я уже давно пользуюсь Coda, и он стал моим любимым приложением для веб-разработки. Существует немало отличных приложений для веб-разработки (см. « 18 Wonderful IDE для Windows, Mac и Linux »), но если вы пользователь Mac, Coda — один из лучших.
Вот 20 отличных советов Coda для повышения производительности, которые я собрал во время использования Coda.
1. Установите свои предпочтения
Есть несколько вещей, которые мне пришлось изменить сразу, когда я впервые начал использовать Coda. Все это можно найти в настройках Coda.
Я никогда не использую CSS-редактор с графическим интерфейсом, поэтому я настраиваю Coda всегда открывать CSS-файлы в текстовом редакторе.
На вкладке «Редактор» я поставил галочку «Показывать номера строк» и «Использовать вкладки» для отступов. Вы можете скрыть / показать номера строк, также нажав Ctrl + Option + L.
На вкладке «Цвета» я установил флажок «Выделить текущую строку», чтобы было легче видеть, где находится курсор при переключении назад и на четвертое место между приложениями.
На вкладке «Файлы» я устанавливаю файлы для открытия при двойном щелчке вместо одного щелчка. Вам также может понадобиться настроить внешние редакторы. Coda автоматически использует Photoshop для форматов изображений, которые я использую.
Так выглядит панель навигации Coda вверху по умолчанию. На мой взгляд, это просто пустая трата места, хотя и симпатичная.
Я изменил мой, чтобы отображать только текстовые заголовки и как можно меньше. Так как я не пользуюсь кнопками, я все равно уменьшил этот раздел. Вместо этого я использую сочетания клавиш, о которых я расскажу далее.
Помимо этих изменений, я оставил все остальное в настройках по умолчанию. Я немного поигрался с цветовыми схемами, но я не нашел ничего, что бы мне действительно понравилось, поэтому я сохранил цветовую схему по умолчанию.
2. Переключение режимов
Если вы не используете сочетания клавиш для изменения режимов, сейчас хорошее время для изучения. Нажатие Command + 1-6 меняет режим, в котором вы находитесь. Таким образом вы можете очень быстро переключаться между режимами сайтов, редактора, предварительного просмотра и т. Д.
3. Навигация по открытым документам
Нажатие Ctrl + Shift + Левая или Правая скобка будет перемещаться по вашим открытым документам.
4. Отступ строки
Coda автоматически делает отступ для определенной разметки по умолчанию, но вы все равно будете часто пользоваться кнопкой Tab. Вместо того, чтобы перейти к началу строки, чтобы сделать отступ, вы можете нажать Ctrl + Left или Right Bracket, чтобы сделать отступ строки, в которой находится курсор.
5. Клипы и текстовые вставки
Нажатие Command + Control + C откроет клипы Coda. Клипы — это место для хранения фрагментов кода для быстрой вставки в документы. Вы можете сохранить фрагменты для использования во всех документах или только для отдельных клипов сайта.
Вы можете назначить теги для быстрой вставки клипов. Например, я установил «htmltemp» для вставки шаблона HTML 4.01 при запуске нового документа. Я бы набрал «htmltemp» в пустой документ и нажмите Tab, чтобы вставить клип. Вы также можете вставить заполнитель выделения, если после вставки курсор должен находиться в определенном месте клипа.
6. Встроенная проверка HTML
Проверяйте свой HTML во время работы. Хорошо, если у вас есть опыт работы с HTML, возможно, вы захотите использовать функцию проверки только тогда, когда будете готовы к проверке, в противном случае при вводе текста у вас будут появляться ошибки, которые могут быть довольно раздражающими.
Coda скажет вам, что нужно исправить. Иногда на шарике появляется маленькая оранжевая кнопка «snapback», которая при нажатии приводит вас к началу ошибки.
7. Используйте подсказки Коды
Если вы не совсем знакомы с HTML или CSS, вы можете использовать функцию подсказок Coda, чтобы дать вам немного дополнительных указаний.
8. Используйте Coda Books
Выделение чего-либо и нажатие Command + ‘произведет поиск выделенного текста в книгах, доступных в Coda. Вы также можете просто удерживать Command и дважды щелкнуть слово, которое вы хотите найти.
9. Настройте больше книг Coda
Добавить больше книг, чтобы ссылаться на дополнительную информацию. Вы можете прочитать больше о добавлении большего количества книг Coda здесь .
10. Блок редактирования текста
Если вам нужно отредактировать несколько строк, вы можете выполнить редактирование блока, чтобы сделать их все сразу. Вы можете выделить текст, который вы хотите редактировать, и нажать Ctrl + Shift + B, или вы можете удерживать Option и выбрать строки, которые вы хотите заблокировать, редактировать таким образом.
11. Сдвиг текста
Выделение текста и нажатие клавиш Command + Left или Right Bracket сместит выделенный текст влево или вправо. Это отлично подходит для сдвига целой секции разметки для хорошего форматирования разметки.
12. Предварительный просмотр в браузере
Вы можете просматривать файлы в встроенном режиме предварительного просмотра Coda (который использует тот же движок, что и Safari), и в этом режиме вы можете нажать кнопку «Просмотр в браузере» в правом верхнем углу, чтобы открыть файл в браузере по вашему выбору.
Вы также можете нажать Command + Option + B в любом режиме, чтобы открыть и просмотреть файл в браузере по умолчанию (Safari). Когда вы вносите изменения в документ, вы можете использовать этот ярлык, чтобы немного быстрее обновить предварительный просмотр в браузере.
13. Используйте инструменты предварительного просмотра
В режиме предварительного просмотра Coda есть три инструмента. Они могут быть полезны для быстрых проблем разработки (хотя я все еще использую Firebug :-P).
Левая кнопка позволяет вам предварительно просмотреть исходный код. Довольно странно, потому что вы находитесь в режиме предварительного просмотра, и вы можете просто вернуться в режим редактирования. Однако это позволяет редактировать исходный код и просматривать изменения без фактического редактирования документа. Отличная функция для тестирования и отладки.
Центральная кнопка — это журнал JavaScript, а правая кнопка — инспектор иерархии DOM. Вы можете быстро найти и увидеть элементы с этим, что полезно, если вы не уверены, что происходит.
14. Разделенные окна
Вы можете разделить окна, используя значок в правом верхнем углу окна (плюс со строками). Нажатие Option изменит направление линий, означающее, что разделение изменится с горизонтального на вертикальное (или наоборот, если оно изменилось в настройках). Вы также можете нажать Ctrl + Control + L, чтобы разделить окно с помощью сочетания клавиш (удерживайте параметр, чтобы разделить другое направление).
В каждом окне вы можете самостоятельно менять режимы.
15. Откройте отдельные файлы в окне разделения
Вы также можете открыть отдельные файлы в разделенных окнах, щелкнув правой кнопкой мыши файлы в браузере файлов и выбрав «Открыть в разделении» или перетащив файл в уже открытое разделение. Теперь вы можете редактировать два отдельных файла в разделенном окне.
16. Скрыть / Показать браузер файлов
Файловый браузер Coda хорош, но вы не будете использовать его большую часть времени, поэтому вы можете быстро скрыть / показать его, нажав Ctrl + Control + B.
17. Скрыть / Показать навигатор по коду
Если вам нужна небольшая помощь в просмотре документа, вы можете открыть навигатор по коду.
Небольшая скрытая особенность Coda и навигатора кода заключается в том, что вы можете создавать «закладки» в вашем коде, чтобы быстрее перемещаться по документу с помощью навигатора кода. Например.
|
1
|
<!— !THIS IS AN HTML BOOKMARK —>
|
Это создаст закладку в навигаторе кода, которая выглядит следующим образом.
В основном закладка создается с комментариями разметки, которые используют восклицательный знак перед текстом закладки. Вы можете сделать это для HTML, CSS, PHP и т. Д.
18. Используйте функции поиска
Вместо того, чтобы использовать навигатор по коду для поиска вещей, я использую функции поиска. Нажатие Command + F открывает панель для поиска. Затем просто введите то, что вы ищете, и нажмите Enter. Coda прокрутит документ до первого соответствующего текста и выделит его. Есть еще несколько горячих клавиш для поиска и несколько опций, которые вы можете изменить при необходимости. Использование функции поиска намного быстрее для меня, чем использование навигатора кода, так как мои руки никогда не должны покидать клавиатуру.
19. Быстрое закрытие ярлыка ярлыка
По умолчанию Coda автоматически закрывает тег, как только вы его открыли. Однако это не всегда работает, и мне все еще приходится постоянно закрывать теги HTML вручную. Нажатие Command + Option +. (точка) автоматически закроет текущий тег HTML (где бы ни находился курсор).
20. Получить плагины
В то время как Coda обладает множеством замечательных функций, разработчикам все еще нужно много функций. Есть несколько плагинов от сторонних разработчиков, которые вы можете установить, чтобы дать Coda дополнительную функциональность. Вот список доступных сторонних плагинов.
Последние мысли
Это несколько полезных советов по использованию Coda, но, как и в любом другом приложении для веб-разработки, их гораздо больше, поэтому потратьте некоторое время на изучение. С некоторой практикой вы можете подобрать тонны сочетаний клавиш, которые будут держать ваши руки на клавиатуре, вместо того, чтобы тратить время на копания. 😉
Видео-уроки, советы, руководства и другую информацию можно найти в Зоне разработчиков Panic’s Coda .
Если у вас есть отличные советы, не стесняйтесь поделиться ими с нами, оставив комментарий ниже.
Эта статья была первоначально размещена в блоге ThemeForest в конце прошлого года. В настоящее время мы портируем некоторые из наиболее популярных статей на Nettuts +.