Как редактировать JavaScript «на лету» в Google Chrome?
Собственно проблема: необходимо для себя изменить JS код на странице сайта.
Пытался править в Developer Tools (Ctrl+Shift+J) на вкладке Elements, но, в отличии от HTML, браузер упорно выполняет старый скрипт.
На вкладке Sources нашел нужный скрипт, но его невозможно редактировать.
Помогите.
Версия Chrome: 31.0.1650.63
- Вопрос задан более трёх лет назад
- 35431 просмотр
Комментировать
Решения вопроса 1
Contego @Contego Автор вопроса
Решением оказался переход на старую Оперу(v.12 15) и использование кнопки «Применить изменения» в исходном коде.
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ответы на вопрос 3
Правьте на вкладке Sources и после изменения нажмите Ctrl+S. Скрипты встроенные прямо в страничку там тоже будут (см выпадающую панельку слева)
Ответ написан более трёх лет назад
Нравится 4 1 комментарий
Contego @Contego Автор вопроса
Для этого в последних версиях Chrome нужно проследовать Console -> Значок настроек внизу -> Workspace и создать «Add folder». Но и после этого, увы, нельзя редактировать скрипты, написанные в теле страницы, а не в отдельном файле.
Как редактировать исходные файлы прямо в Chrome
Обычный день веб-разработчика включает создание веб-страниц HTML со связанным CSS и JavaScript в их любимом редакторе.
Примерный рабочий процесс:
- Открыть локально размещенную страницу в браузере.
- Молиться.
- Открыть DevTools, чтобы исследовать проблемы с макетом и функциональностью.
- Настроить элементы HTML, свойства CSS и код JavaScript, чтобы устранить проблемы.
- Скопировать эти изменения обратно в редактор и вернуться к шагу #1.
Хотя такие инструменты, как «живая» перезагрузка, упростили этот процесс, многие разработчики продолжают настраивать код как в DevTools, так и в их редакторе.
Однако можно открывать и редактировать исходные файлы непосредственно в Chrome. Любые сделанные вами изменения сохраняются в файловой системе и обновляются в редакторе (при условии, что они обновляются при изменении файла).
Шаг 1: Запустите инструменты разработчика
Откройте Chrome, загрузите страницу из локальной файловой системы/сервера и откройте Инструменты разработчика из меню «Дополнительные инструменты» или нажмите F12 или Ctrl/Cmd+Shift+I, в зависимости от вашей системы. Перейдите на вкладку «Источники», чтобы проверить файловый менеджер:
Вы можете открывать и редактировать файлы CSS и JavaScript в этом представлении, но любые изменения будут потеряны, как только вы обновите страницу.
Шаг 2. Свяжите папку с рабочей областью
Перейдите на вкладку «Файловая система», затем нажмите «+ Добавить папку в рабочую область». Вам будет предложено найти вашу рабочую папку, и Chrome попросит вас подтвердить, что вы разрешите доступ. Проводник показывает файлы в вашей системе, которые можно открыть одним щелчком мыши:
Шаг 3. Отредактируйте и сохраните ваш код
Теперь вы можете перейти и редактировать свой код. Несохраненные изменения помечаются звездочкой на вкладке файла.
Изменения CSS мгновенно обновляются, но в случае HTML и JavaScript вам обычно нужно нажать Ctrl / Cmd + S, чтобы сохранить файл в файловой системе, а затем обновить браузер.
Обратите внимание, что вы также можете щелкнуть правой кнопкой мыши вкладку файла и выбрать Сохранить как …, чтобы сохранить копию файла в другом месте.
Шаг 4. Просмотр и отмена изменений
Чтобы просмотреть изменения, щелкните правой кнопкой мыши вкладку файла и выберите Локальные изменения … из контекстного меню:
Дифференциальный вид показан. Значок стрелки в нижнем левом углу панели отменяет все изменения и возвращает файл в исходное состояние.
Инструменты разработчика Chrome никогда не станут полной заменой вашего любимого редактора, но могут быть полезны, когда вы вносите быстрые изменения или работаете с другого компьютера, на котором ваш редактор может быть не установлен.
Понравилось то, что вы прочитали?
Подписывайтесь на нашу рассылку и получайте ежедневные обновления о новых учебниках, статьях, курсах и о многом другом!
Просто введите ваш адрес электронной почты, чтобы подписаться.
(Без спамов; ежемесячно два письма; отписаться от рассылки можно в любое время)
Спасибо!
Подписка успешно оформлена. ��
Редактирование и отладка скриптов
Update: Более новый материал по этой теме находится по адресу https://learn.javascript.ru/multi-insert.
Без этих инструментов лучше даже не начинать программировать на javascript. Хотя люди и без этого живут, но уж очень они полезны.
Начинающему разработчику стоит начать осваивать инструментарий с Firebug, и открывать для себя остальное по мере надобности.
- Webstorm
- SCiTe
- ActiveState Komodo
- Кроссплатформенный
- Пачка различных вкусностей общего характера
- Для работы с javascript
- Для работы с javascript
Как-то так получилось, что попользовав обширную пачку редакторов для javascript-проектов, я остановился на нескольких основных.
Два из них — тяжелые, это Komodo и Eclipse и два — легкие: vim (Linux) и SciTe.
Если Вы пользуетесь другим редактором и можете описать его плюсы и минусы — напишите про него в комментариях, и Ваше описание появится в этой статье. читать дальше »
- Инспекция DOM/HTML
- выбор элемента кликом мыши дает полную информацию по нему
- покажет полную box-модель элемента
Плагин стоит у меня давно, хотя и не всегда включен. Возможностей у него много:
.. Но как-то сложилось, что из 12 основных секций очень полезными для меня явились три: читать дальше »- просматривать и модифицировать живой HTML, DOM, CSS
- выбирать элемент кликом: «Inspect element»
- очищать кеш браузера/cookie (меню cache)
- масштабировать окно (tools)
- выделять различные элементы, показывать размеры картинок, линейку и т.п.
- отключать настройки IE
Конечно, это далеко не Firebug.
Но умеет делать две приятные вещи под IE.- Выдает javascript-ошибки, показывает строку скрипта
- Дает javascript-консоль
- Простейшие возможности Firebug Console API типа console.log
- Установка
- Microsoft Script Editor
- Microsoft Visual Studio
- Галочки для отладки
- Окна
- Горячие клавиши
Существует много инструментов для отладки javascript. Эта статья посвящена отладке на платформе Windows под Internet Explorer.
Есть два основных отладчика:
Microsoft Script Editor поставляется вместе с Microsoft Office. Есть бесплатная версия — это не то. Нужна именно та, которая в поставке Microsoft Office, причем она не ставится по умолчанию. Для установки нужно найти и включить соответствующий пункт в меню.
Microsoft Visual Studio — среда для разработки продуктов на самых разных языках. Она также позволяет отлаживать javascript-сценарии, как, впрочем, и многое другое. читать дальше »
- IETester
- Multiple IE
- Возможные проблемы отладки
- Самый безглючный вариант
Эта статья посвящена особенностям тестирования в нескольких версиях Internet Explorer одновременно: 5.5-8
Как-то так сложилось, что отладка под Оперу обычно занимает мало времени. Этот браузер более-менее соответствует стандартам, хотя и добавляет некоторое количество своих собственных фишек. В результате — код, работающий под Internet Explorer и Firefox, как правило, работает и в Opera. Но иногда происходит что-то странное, и хочется иметь инструмент вроде Firebug, чтобы разобраться. Этот инструмент есть: Opera Developer Tools. читать дальше »
Автор: Evgeny2006 (не зарегистрирован), дата: 17 февраля, 2009 — 12:02
Может кто-либо подсказать, какими программами нужно пользоваться, чтобы разработать программу автоматизированного выбора некоторых данных из таблицы (может нескольких) на некотором сайте?
Заранее благодарен.P.S.Хотя я сравнительно недавно блуждаю по WWW и больше интересуюсь софтом, это пожалуй наилучший сайт, посвященный знакомству с языком программировани и подсказки с чего начинать и чем пользоваться. За это отдельное спасибо.
Автор: Илья Кантор, дата: 17 февраля, 2009 — 18:22
Пожалуйста, обсуждайте вопросы такого рода на форуме.
Автор: Гость (не зарегистрирован), дата: 4 июня, 2009 — 17:36
еще есть отличная прога PSPad правда она только под Windows
Автор: Гость (не зарегистрирован), дата: 11 июня, 2009 — 08:54
Я давно использую AkelPad, редактор на сегодняшний день активно развивается и описывать его возможности, глупое занятие.
Качайте здесь:
http://akelpad.sf.net/Автор: MaksAlucard (не зарегистрирован), дата: 6 ноября, 2009 — 14:08
AkelPad очень уступает редактору EmEditor, который более функционален. К сожалению, ссылки на него у меня нет, но найти в интернете не проблема =)
Автор: Гость (не зарегистрирован), дата: 19 ноября, 2009 — 00:19
а я на ActiveState Komodo сижу уже второй год. И еще полвека на нем просижу
честно говоря, я с ним разленился. пишешь fun а он уже предлагает function. поначалу даже слегка раздражало, а сейчас без этого — как без рук. особенно важно когда подзабыл полное имя метода или функции.
а еще он переменные так подставляет
———————
админу — зачет за сайт на Друпале ))Автор: Гость (не зарегистрирован), дата: 10 января, 2010 — 02:57
как включить этот скрипт на компьютере
Автор: Михаил Jackson (не зарегистрирован), дата: 20 января, 2010 — 22:14
Я уже несклолько лет пользуюсь 1st JavaScript Editor.
Очень удобен. Интелисенс просто превосходен. Все за тебя делает.
Много всяких фишек. Пробовал пользоваться другими яваскрипт редакторами, но после этого остальное полная ерунда.Автор: Сергей _Ц (не зарегистрирован), дата: 5 марта, 2010 — 19:21
как можно в FireFox запустить отладку скрипта, подключенного через greasemonkey ?
Автор: Гость (не зарегистрирован), дата: 10 августа, 2010 — 05:19
GreaseMonkey умеет прекрасную функцию GM_log();
очень рекомендую, хотя это и не отладка.Автор: R.I.P.er, дата: 19 ноября, 2010 — 21:12
еще, мне кажется, HTMLPad вполне неплохой вариант. только платный зараза
Автор: petrodom (не зарегистрирован), дата: 14 марта, 2011 — 22:28
phpDesigner — удобная штука, с подсветкой синтаксиса.
Но привык все делать в Notepad++Автор: petrodom.idhost.kz (не зарегистрирован), дата: 15 марта, 2011 — 08:13
Кстати, Developer Tools в Хроме ну очень удобная штука, всем советую
Автор: cooper (не зарегистрирован), дата: 9 апреля, 2011 — 20:24
google chrome (ctrl+shift+j) , notepad++ (знать будете больше)
Автор: VicAMMON (не зарегистрирован), дата: 29 ноября, 2011 — 16:51
Для начала хочу поблагодарить за отличный ресурс, очень помогает в изучении Web разработки.
По поводу редакторов, раньше пользовался Komodo edit, но с тех пор как познакомился с Php Designer 7 использую только его.
Плюсы: Отличная подсветка кода, работа с проектами содержащими скрипты на разных языках, отладка на лету, автоподстановка свойств и методов, интеграция с SVN, очень понятный и легкий интерфейс.
Минусы: нет возможности сворачивать блоки кода (как в Komodo edit), и зачастую если код длинный то без комментариев бывает трудно найти нужную часть кода.Автор: Гость (не зарегистрирован), дата: 5 декабря, 2011 — 21:56
хочу обратить внимание на Aptana замечательная программа для JS имеет отладчик скриптов
Автор: Гость (не зарегистрирован), дата: 14 декабря, 2011 — 15:47
Хотелось бы увидеть, как работает эта отладка в Aptana 3.0.6, а она такую ошибку выдаёт:
Socket connection error. Please try shutting down and restarting your web browser, and then run ‘debug’ again.
Accept timed outАвтор: Вячеслав1962, дата: 20 апреля, 2012 — 14:32
Как в мобильной мине опере сделать так чтобы выбранная страничка обновлялась автоматически .
Автор: ANAGAMA, дата: 29 мая, 2013 — 16:09
Возможно я старомоден, но мне нравится гугл хром. F12 и отладчик перед глазами. А для тестирования различных конструкций очень удобна консоль.
Автор: Zenitchik, дата: 1 декабря, 2013 — 19:04
Так во всех актуальных браузерах так. Даже в ИЕ.
Только в Опере и Сафари запускается не F12, но сама среда в общем подобная.Автор: Гость (не зарегистрирован), дата: 19 февраля, 2019 — 17:12
Эти статьи уже совсем не актуальны. Вводят пользователей в заблуждение.
Автор: samuelddarden (не зарегистрирован), дата: 19 июля, 2019 — 02:15
Привет, после прочтения этого удивительного произведения я очень рад поделиться своими знаниями с коллегами. euchre online free
Автор: john bond (не зарегистрирован), дата: 5 марта, 2020 — 13:30
Автор: Гость (не зарегистрирован), дата: 17 августа, 2020 — 12:43Action and highlights from a Monday night match in the American Football League. NFL in partnership with ESPN announced the schedule for Monday Night Football games for the 2020 season. NFL Monday Night Football 2020 Live
Автор: osama shk (не зарегистрирован), дата: 20 октября, 2020 — 18:26
Very nice article, I enjoyed reading your post, very nice share, I want to twit this to my followers. Thanks!.
ที่เที่ยวพังงาАвтор: 먹튀검증 (не зарегистрирован), дата: 22 ноября, 2020 — 05:53
please check out the sites we stick to, such as this one, as it represents our picks in the web 먹튀검증
Автор: 대출 (не зарегистрирован), дата: 22 ноября, 2020 — 05:54
Sites of interest we have a link to 대출
Автор: osama shk (не зарегистрирован), дата: 7 февраля, 2021 — 19:25
Really a great addition. I have read this marvelous post. Thanks for sharing information about it. I really like that. Thanks so lot for your convene.
coronavirus mexicoАвтор: osama shk (не зарегистрирован), дата: 2 марта, 2021 — 17:50
Great write-up, I am a big believer in commenting on blogs to inform the blog writers know that they’ve added something worthwhile to the world wide web.
cozumel dive resortАвтор: osama shk (не зарегистрирован), дата: 3 марта, 2021 — 16:45
Great write-up, I am a big believer in commenting on blogs to inform the blog writers know that they’ve added something worthwhile to the world wide web.
best all inclusive resorts in cozumel for familiesАвтор: casual sex in glasgow (не зарегистрирован), дата: 2 апреля, 2021 — 08:10
casual sex in glasgow is the best web place for chat contacts with hot girls in UK
Автор: sluts in nottingham (не зарегистрирован), дата: 8 апреля, 2021 — 20:00
It would be great for you to visit the best place for a hot chat with nice looking girls sluts in nottingham
Автор: Гостьsad (не зарегистрирован), дата: 20 мая, 2021 — 08:59
Thank you for the update, very nice site..
Автор: casual sex birmingham (не зарегистрирован), дата: 5 июля, 2021 — 14:15
For your own sexy chat pleasure in United Kingdom try to visit casual sex birmingham
Автор: shemale sheffield (не зарегистрирован), дата: 27 июля, 2021 — 20:55
shemale sheffield is the best platform for casual chat contacts with fine girls in UK
Автор: scottish sluts (не зарегистрирован), дата: 4 августа, 2021 — 10:33
Find the best hot girls ready for free chat in Scotland only at scottish sluts
Автор: Гость (не зарегистрирован), дата: 30 августа, 2021 — 17:49
The website is looking bit flashy and it catches the visitors eyes. Design is pretty simple and a good user friendly interface.
롤강의Автор: Гостьsad (не зарегистрирован), дата: 31 августа, 2021 — 22:28
Nice to read your article! I am looking forward to sharing your adventures and experiences.
구글광고대행Автор: casual sex uk (не зарегистрирован), дата: 2 сентября, 2021 — 07:19
casual sex uk is the best web place for hot chat with young girls in United Kingdom, so check out right now
Автор: farhan fave (не зарегистрирован), дата: 3 сентября, 2021 — 12:21
Positive site, where did u come up with the information on this posting? I’m pleased I discovered it though, ill be checking back soon to find out what additional posts you include.
프리서버Автор: UK Sexclub (не зарегистрирован), дата: 7 сентября, 2021 — 16:52
Join our club and enjoy a free chat with hot British women for a long time UK Sexclub
Автор: Гость (не зарегистрирован), дата: 16 сентября, 2021 — 07:38
Great Article it its really informative and innovative keep us posted with new updates. its was really valuable. thanks a lot.
유흥사이트Автор: skype sex kontakte (не зарегистрирован), дата: 22 сентября, 2021 — 19:32
More valuable informations about free sexy chat with hot ladies only at skype sex kontakte
Автор: Гость (не зарегистрирован), дата: 5 октября, 2021 — 14:04
Very nice article, I enjoyed reading your post, very nice share, I want to twit this to my followers. Thanks!.
레플리카Автор: shemales belfast (не зарегистрирован), дата: 5 октября, 2021 — 15:55
shemales belfast is the best web place for hot chat with young girls in United Kingdom so check out right now and enjoy
Автор: Гостьsd (не зарегистрирован), дата: 7 октября, 2021 — 16:48
Nice knowledge gaining article. This post is really the best on this valuable topic.
레플리카추천Автор: bern sex (не зарегистрирован), дата: 11 октября, 2021 — 10:27
bern sex is the most popular web platform for hot chat with young girls in Bern
Автор: Гость (не зарегистрирован), дата: 11 октября, 2021 — 17:06
Thanks for your insight for your fantastic posting. I’m glad I have taken the time to see this.
myloweslifeАвтор: john bond (не зарегистрирован), дата: 11 октября, 2021 — 19:08
This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free.
출장마사지Автор: john bond (не зарегистрирован), дата: 11 октября, 2021 — 19:08
This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free.
출장마사지Автор: ts adelaide (не зарегистрирован), дата: 20 октября, 2021 — 19:41
ts adelaide is the best web place for lonley guys to find hot girls in Australia check out and enjoy hot chat
Автор: Гость (не зарегистрирован), дата: 21 октября, 2021 — 09:08
Hi! Thanks for the great information you have provided! You have touched on crucuial points!
Автор: Гость (не зарегистрирован), дата: 23 октября, 2021 — 17:19
I really thank you for the valuable info on this great subject and look forward to more great posts. Thanks a lot for enjoying this beauty article with me. I am appreciating it very much! Looking forward to another great article. Good luck to the author! All the best!
오피러브Автор: Гость (не зарегистрирован), дата: 6 ноября, 2021 — 10:38
I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well..
6차 재난지원금Автор: Гость (не зарегистрирован), дата: 7 ноября, 2021 — 08:18
Interesting post. I Have Been wondering about this issue, so thanks for posting. Pretty cool post.It ‘s really very nice and Useful post.Thanks
EinzelcoachingАвтор: Гость (не зарегистрирован), дата: 13 ноября, 2021 — 10:11
Your content is nothing short of brilliant in many ways. I think this is engaging and eye-opening material. Thank you so much for caring about your content and your readers.
SuccessАвтор: Гостьsd (не зарегистрирован), дата: 13 ноября, 2021 — 20:29
I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business.
tampa seo companyАвтор: Гость (не зарегистрирован), дата: 17 ноября, 2021 — 08:55
Your work is very good and I appreciate you and hopping for some more informative posts. Thank you for sharing great information to us.
대학생 대출Автор: Гость (не зарегистрирован), дата: 21 ноября, 2021 — 13:32
i am for the first time here. I found this board and I in finding It truly helpful & it helped me out a lot. I hope to present something back and help others such as you helped me.
best hotels in cancunАвтор: private nutten (не зарегистрирован), дата: 2 декабря, 2021 — 08:27
Visit our web platform for casual contact with fine ladies in EU private nutten
Автор: Гость (не зарегистрирован), дата: 19 декабря, 2021 — 15:13
Your blog provided us with valuable information to work with. Each & every tips of your post are awesome. Thanks a lot for sharing. Keep blogging,
ArboristАвтор: Гость (не зарегистрирован), дата: 21 декабря, 2021 — 12:07
Hello There. I found your blog using msn. This is an extremely well written article. I will be sure to bookmark it and return to read more of your useful information. Thanks for the post. I’ll certainly comeback.
zinc for kidsАвтор: Shemale Sex sur Toulon (не зарегистрирован), дата: 22 декабря, 2021 — 19:19
Shemale Sex sur Toulon is great place for finding hot ladies for casual chat contacts in France with fine ladies
Автор: 메이저토토사이트 (не зарегистрирован), дата: 12 января, 2022 — 12:16
An intriguing discussion may be worth comment. I’m sure you should write much more about this topic, may well be described as a taboo subject but generally folks are too little to chat on such topics. An additional. Cheers 메이저토토사이트
Автор: Гость (не зарегистрирован), дата: 22 января, 2022 — 09:14
I wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post.
all inclusive resorts in the cayman islandsАвтор: Гость (не зарегистрирован), дата: 31 января, 2022 — 15:06
I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business.
https://crankydeals.com/Автор: Cindy (не зарегистрирован), дата: 10 февраля, 2022 — 11:02
This article is great. I like it very much. Thank you!
stickman hookАвтор: Гость (не зарегистрирован), дата: 12 февраля, 2022 — 18:52
Автор: Гость (не зарегистрирован), дата: 18 марта, 2022 — 17:45Impressive web site, Distinguished feedback that I can tackle. I am moving forward and may apply to my current job as a pet sitter, which is very enjoyable, but I need to additional expand. Regards.
cancunАвтор: Гость (не зарегистрирован), дата: 19 марта, 2022 — 12:52
Great content material and great layout. Your website deserves all of the positive feedback it’s been getting.
all inclusive resorts cancunАвтор: loyedsmithjs (не зарегистрирован), дата: 31 марта, 2022 — 18:47
After a hard day at work, run 3 is a terrific game to play in your leisure time; if you want, come visit and play with me.
Редактирование кода в JavaScript: 5 редакторов
JavaScript — мощный, популярный, но иногда капризный язык программирования. Несмотря на много фреймворков и библиотек, он обладает не самым простым синтаксисом, не говоря об опасностях, связанных с динамической типизацией. А значит это следующее: если хотите минимизировать количество ошибок при написании кода, нужно правильно подобрать редактор. Что вы получите в результате: — высокую скорость разработки; — чистоту кода; — снижение количества ошибок; — просто-напросто — удовольствие от работы, что тоже немаловажно.
Сегодня существуют десятки инструментов, позволяющих редактировать код на JavaScript, перебирать все их которых — долго и нерационально. Мы же предлагаем вам краткий обзор пяти редакторов, которые многие разработчики считают лучшими.
1. WebStorm
Этот инструмент редактирования создан компанией JetBrains и хорош как в качестве IDE (поддерживает системы контроля версий), так и в формате стандартного редактора с привычными удобствами: подсветкой кода, автодополнениями, навигацией.
Плюсы: • функция LiveEdit позволяет просматривать внесённые изменения, не сохраняя их; • есть возможность взаимодействия с фреймворками (React, Angular, Meteor); • встроены более сотни тестов по обнаружению ошибок; • возможность интегрирования с Mocha, Karma, Protractor, Jest; • присутствует полномасштабный дебаггер, обеспечивающий отладку кода на клиентской и серверной сторонах; • есть навигация, позволяющая одновременно работать с несколькими файлами; • присутствуют и автодополнение кода и подсветка синтаксиса, но об этом мы уже говорили.
Минусы: • редактор платный; • функционал избыточен для начинающих программистов.
2. Atom Editor
Этот редактор для JavaScript появился в 2015 году и является детищем Git. Он копирует дизайн Sublime Text и обёрнут в Chromium. Имеет довольно много плюсов: • больше, чем 50 открытых модулей; • редактор является бесплатным; • удобный и даже приятный интерфейс; • есть и автодополнение, и подсветка кода; • в наличии менеджер пакетов, коих уже больше 3,5 тысяч; • можно редактировать код и выполнять навигацию посредством горячих клавиш; • настройки довольно гибкие, причём как относительно самого редактора, так и для подключаемых пакетов и тем интерфейса.
Минусы: • производительность довольно невысока; • «из коробки» мы видим, по большему счёту, пустую комплектацию.
3. Visual Studio Code
Редактор представляет собой ответвление IDE Visual Studio, которое направлено на работу с кодом. Инструмент прост для освоения и достаточно удобен в применении, а самое главное — функционален.
Плюсы: • контекстное автодополнение и синтаксиса, и используемых переменных, функций, модулей и т. п.; • есть поддержка шаблонов и сниппетов; • в наличии дебаггер с точками останова, интерактивной консолью, стеком вызовов; • поддерживается интеграция с Git; • интерфейс удобен и прост; • инструмент бесплатен.
Из минусов — совсем небольшое количество плагинов.
4. Brackets
Когда-то этот редактор отпугнул разработчиков своими багами и недоработками, однако сегодня он возвращает доверие к себе новым и довольно качественным функционалом.
Плюсы: • «из коробки» мы видим богатую комплектацию; • есть режим Live Preview для предварительного просмотра правок в браузере в режиме реал-тайм; • присутствует менеджер пакетов; • есть автодополнение и подсветка синтаксиса; • присутствует анализатор кода; • платить за использование этого инструмента для редактирования JavaScript-кода не нужно.
Но без минусов, как обычно, не обойтись. Этот инструмент строго ориентирован на web и технологическую связку HTML+CSS+JavaScript. Развивается он довольно медленно, плюс стоит упомянуть довольно низкое быстродействие по причине функций предпросмотра.
5. Sublime Text
Кроссплатформенный редактор, проверенный временем. Имеет удобный и настраиваемый интерфейс, позволяющий выполнять многие стандартные действия посредством горячих клавиш.
Плюсы: • навигация по коду в форме мини-карты; • поддерживаются сниппеты; • есть возможность поменять визуальную тему; • в наличии подсветка, автодополнение синтаксиса и переменных; • указатели обеспечивают множественную правку; • поддерживаются системы сборки; • синтаксис проверяется непосредственно в процессе ввода; • в наличии очень много плагинов; • есть автосохранение.
Из минусов — полная версия редактора является платной. Кроме того, отсутствует анализатор кода для расстановки ссылок.
А какими инструментами для редактирования кода в JavaScript пользуетесь вы? Пишите в комментариях!