Emacs

5 найкращих плагінів emacs для веб-розробки

5 найкращих плагінів emacs для веб-розробки
Оскільки ви тут, ви вже використовуєте Emacs для редагування тексту, можливо для електронної пошти і, звичайно, для завдань кодування. Коли ви починаєте займатися серйозною веб-розробкою, ви хочете отримати якомога більше переваг. Ось декілька інструментів, які допоможуть вам кодувати веб-сторінки за допомогою Emacs.

Як говориться, Emacs - це операційна система, якій не вистачає гідного редактора. Ви можете налаштувати речі так, щоб Emacs запускав для вас весь робочий процес, включаючи git, компіляцію та багато іншого.

На який веб-проект ви націлені?

Цей список короткий для початку, а не вичерпний. Після того, як ви скористалися порадами тут, знайдіть спеціальний розділ для ваших фреймворків та спеціальних веб-інструментів. Список інструментів настільки довгий, що вам просто потрібно знайти власного улюбленого.

Список розділений на розділи, щоб ви могли знайти те, що вам потрібно для вдосконалення у вашому робочому процесі. Насолоджуйтесь кодуванням, обробляйте власні помилки та знаходьте помилки набагато простіше, коли правильно налаштовуєте ці інструменти.

У цьому списку ви навіть не знайдете жодного чудового інструменту Python, доступного для Emacs. Ці інструменти включають REPL, щоб ви могли тестувати код інтерактивно. У вас навіть є режим iPython, де ви можете створювати свій код за допомогою коментарів.

Підготовлені фрагменти

Значна частина програмування передбачає використання функцій, що мають особливу структуру. Веб-документ завжди має тег і і тег, який потрібно правильно закрити. Ви завжди будете мати конструкції, де код, який ви хочете, дотримується спеціального формату для використання фрагмента. В Emacs одним з найкращих плагінів є Yasnippets!

Ясніпети

За допомогою Yasnippets ви визначаєте, який текст потрібно мати в коді. Ви також можете використовувати змінні та заповнювати результат як форму. Подібним плагіном, доступним для багатьох редакторів, є режим Emmmet.

Еммет

Режим Emmet - це інструмент, де абревіатура створює весь код. Перший приклад на їх веб-сторінці показує, як ви використовуєте зірочку для множення, щоб отримати список. Синтаксис працює подібно до CSS, але він адаптований до мов розмітки, включаючи HTML. Щоб розширити функціональність, ви використовуєте файли JSON. У них ви можете додати фрагменти, які відповідають вашим потребам, ближче, ніж стандартний інструмент.

Flycheck

Flycheck перевірятиме ваш код на наявність синтаксичних помилок під час набору тексту. Щоб це працювало, вам потрібна основна бібліотека або набір інструментів, які насправді знають мову. Є ці інструменти для багатьох мов. Для веб-розробки шукайте такі інструменти, як html-tidy, jshint та pylint. Підтримується багато інших інструментів та мов. Це є важливою частиною створення Emacs потужним для розробки програмного забезпечення.

У налаштуваннях emacs вам також потрібно додати конкретну мову, яку ви підтримуєте. Підтримувані мови очевидні, коли ви перевіряєте MELPA або будь-який інший сайт на наявність Flycheck. Насправді, це гарна ідея перевірити, що Flycheck може зробити для вас, незалежно від мови, яку ви розробляєте. Набір мов величезний!

Режим редагування в режимі реального часу

Є багато способів використовувати Emacs, щоб ваші веб-сторінки виглядали чудово та працювали коректно. У вас також є багато способів побачити результат вашого коду в прямому ефірі у веб-переглядачі під час набору тексту. Це дає вам миттєвий відгук про будь-які внесені вами зміни, роблячи налагодження невід’ємною частиною розробки вашого програмного забезпечення. Одним із рішень для цього є режим шампуру.

Шашличний режим

Режим Skewer встановлює ваш каталог як веб-сторінку, але локально у вашій поточній системі. Потім він запускає веб-сервер і подає код веб-браузеру на вибір. За допомогою цього налаштування у наступному вікні браузер відображає сторінку. Веб-сервер налаштований на перезавантаження сторінки, як тільки файл буде змінено. Не потрібно компіляції, передачі та перезапуску веб-сервера.

JavaScript

Під час програмування на JavaScript у вас є багато підводних каменів, про які можна натрапити. Поки Flycheck перевірятиме ваш синтаксис, режим js2 буде робити підсвічування синтаксису, а також відображатиме вам синтаксичні помилки під час набору тексту. Цей режим необхідний для проходження багатьох кодів, щоб досягти результату вашої мрії під час кодування в JavaScript.

Цей режим також підтримує JSX та закриття.

Індій

Прочитавши все це, ви із задоволенням дізнаєтесь, що ви також можете знайти пачки, які все акуратно упаковують. Одним з найкращих з них є Індій. Індій насправді розділений на дві частини. Один шматок - ваш пакет emacs, доступний на MELPA; інший - пакет NPM. Пакет NPM легко встановити, використовуючи 'npm install indium.'Після того, як ці два будуть встановлені, вам потрібно створити налаштування у каталозі вашого проекту з назвою'.індію.json '. Вимоги в NodeJS скромні, але вони жорсткі. Він також розуміє, що Chromium працює, оскільки всі інструменти налагодження надходять звідти.

Висновок

Щоб розпочати веб-розробку, ви можете подумати, що вам потрібна вишукана IDE. Де ще можна взяти всі навороти? В Emacs ви можете їх знайти. Використання цих та інших інструментів приведе вас далеко, і вам, мабуть, не потрібен інший інструмент для створення чудових веб-сторінок! Однак, якщо ви не згодні з деякими з цих інструментів, для Emacs існує безліч чудових інструментів, якщо ви оглянетесь. Одна хороша відправна точка доступна на GitHub і справді називається "Awesome Emacs".'

Emulate Mouse clicks by hovering using Clickless Mouse in Windows 10
Using a mouse or keyboard in the wrong posture of excessive usage can result in a lot of health issues, including strain, carpal tunnel syndrome, and ...
Add Mouse gestures to Windows 10 using these free tools
In recent years computers and operating systems have greatly evolved. There was a time when users had to use commands to navigate through file manager...
Control & manage mouse movement between multiple monitors in Windows 10
Dual Display Mouse Manager lets you control & configure mouse movement between multiple monitors, by slowing down its movements near the border. Windo...