Phenquestions
Как говорится, Emacs - это операционная система, в которой нет достойного редактора. Вы можете настроить все так, чтобы Emacs выполнял за вас весь рабочий процесс, включая git, компиляцию и многое другое.
На какой веб-проект вы нацелены?
Этот список короткий, чтобы вы начали, но не исчерпывающий. После того, как вы воспользуетесь советами здесь, найдите специальный раздел для ваших фреймворков и специальных веб-инструментов. Список инструментов настолько велик, что вам просто нужно найти свой любимый.
Список разделен на разделы, чтобы вы могли найти то, что вам нужно улучшить в своем рабочем процессе. Наслаждайтесь кодированием, обрабатывайте собственные ошибки и находите ошибки намного проще, если правильно настроить эти инструменты.
В этом списке вы даже не найдете ни одного замечательного инструмента Python, доступного для Emacs. Эти инструменты включают REPL, так что вы можете тестировать код в интерактивном режиме. У вас даже есть режим iPython, в котором вы можете создавать свой код с комментариями.
Готовые сниппеты
Большая часть программирования связана с использованием функций, имеющих особую структуру. В веб-документе всегда есть теги и теги, которые необходимо правильно закрыть. У вас всегда будут конструкции, в которых код, который вы хотите, следует в специальном формате, чтобы использовать фрагмент. В Emacs одним из лучших плагинов является Yasnippets!
Ясниппец
С помощью Yasnippets вы определяете, какой текст вам нужен в вашем коде. Вы также можете использовать переменные и заполнить результат в виде формы. Похожий плагин, доступный для многих редакторов, - это Emmmet-mode.
Эммет
Emmet-mode - это инструмент, в котором сокращение создает весь код. Первый пример на их веб-странице показывает, как вы используете звездочку для умножения, чтобы получить список. Синтаксис работает аналогично CSS, но адаптирован для языков разметки, включая HTML. Для расширения функциональности вы используете файлы JSON. В них вы можете добавлять фрагменты, которые соответствуют вашим потребностям ближе, чем стандартный инструмент.
Flycheck
Flycheck будет проверять ваш код на наличие синтаксических ошибок по мере ввода. Чтобы это работало, вам нужна базовая библиотека или инструментарий, который действительно знает язык. Есть эти инструменты для многих языков. Для веб-разработки ищите такие инструменты, как html-tidy, jshint и pylint. Поддерживаются многие другие инструменты и языки. Это важная часть создания мощного Emacs для разработки программного обеспечения.
В вашей настройке emacs вам также необходимо добавить конкретный язык, который вы поддерживаете с помощью. Поддерживаемые языки очевидны, когда вы проверяете MELPA или любой другой сайт на наличие Flycheck. Фактически, неплохо проверить, что Flycheck может для вас сделать, независимо от языка, который вы разрабатываете. Количество языков огромно!
Режим редактирования в реальном времени
Есть много способов использовать Emacs, чтобы ваши веб-страницы выглядели великолепно и работали правильно. У вас также есть много способов увидеть результат вашего кода в браузере по мере ввода. Это дает вам мгновенную обратную связь о любых внесенных вами изменениях, делая отладку неотъемлемой частью разработки вашего программного обеспечения. Одно из решений - использовать режим вертела.
Шашлык-режим
Skewer-mode настраивает ваш каталог как веб-страницу, но локально в вашей текущей системе. Затем он запускает веб-сервер и передает код выбранному веб-браузеру. При такой настройке у вас есть браузер, показывающий вам страницу в следующем окне. Веб-сервер настроен на перезагрузку страницы при изменении файла. Нет необходимости в компиляции, передаче и перезапуске веб-сервера.
JavaScript
При программировании на JavaScript вы можете наткнуться на множество ловушек. В то время как Flycheck проверит ваш синтаксис, js2-mode будет выделять синтаксис, а также отображать синтаксические ошибки при вводе. Этот режим необходим для прохождения многих кодов, чтобы достичь результата вашей мечты при кодировании на JavaScript.
Этот режим также поддерживает JSX и Closure.
Индий
Прочитав все это, вам будет приятно узнать, что вы также можете найти комплекты, в которых все аккуратно упаковано. Один из лучших из них - Индий. Индий на самом деле делится на две части. Одна часть - это ваш пакет emacs, доступный на MELPA; другой - пакет NPM. Пакет NPM легко установить с помощью npm install indium.'После установки этих двух вам нужно создать настройки в каталоге вашего проекта с именем'.индий.json '. Требования в NodeJS скромные, но жесткие. Он также понимает, что Chromium работает, поскольку все инструменты отладки берутся оттуда.
Заключение
Чтобы начать веб-разработку, вы можете подумать, что вам нужна модная IDE. Где еще можно получить все навороты? В Emacs вы можете их найти. Использование этих и других инструментов позволит вам далеко продвинуться вперед, и вам, вероятно, не понадобится никакой другой инструмент для создания отличных веб-страниц! Однако, если вы не согласны с некоторыми из этих инструментов, есть много замечательных инструментов, доступных для Emacs, если вы посмотрите вокруг. Одна хорошая отправная точка доступна на GitHub и действительно называется Awesome Emacs.'
