Anonim

JavaScript се използва много в уеб разработката, но и за други неща, също като мобилна разработка и приложения. Един прост текстов редактор може да бъде всичко, от което се нуждаете за CSS и HTML5, но JavaScript се нуждае от малко повече. Ето кои се считат за най-добрия JavaScript IDE за уеб разработка в момента.

Един добър IDE на JavaScript трябва да има няколко основни функции. Той трябва да включва инструменти като автоматично попълване на код, функции на списъци, генериране на код, рефакторинг, интелигентна навигация, интегриран отладчик и функции за тестване. Добрият IDE също ще включва обработка на грешки и изключения и добавки за разширяване на репертоара си.

Някои от JavaScript IDE в този списък са премиум, някои са безплатни, много са изтеглени на вашия компютър, но няколко са онлайн. Всички те са преразгледани благоприятно и изглеждат много популярни. Ако търсите нов JavaScript IDE за уеб разработка, едно от тях със сигурност ще отговаря на сметката.

Аз не съм кодер, но един от най-добрите ми приятели е, затова използвах нейната експертиза, за да съставя този списък.

WebStorm

WebStorm е един от най-популярните JavaScript IDE наоколо, ако броят на изтеглянията и положителните отзиви са нещо, което трябва да преминете. Той е проектиран от самото начало, за да бъде лесен за използване и лесен за използване и със сигурност изглежда. Той е съвместим с JavaScript, HTML, CSS, Angular и Node.js, така че са обхванати всички основи. Освен това е съвместим с рамката Angular, React и Meteor и приложенията за мобилна разработка на Cordova, PhoneGap и Ionic.

WebStorm има страхотна полезна програма за рефакторинг на кодове, така че дори новите кодери могат да генерират подреден код. Той може да извлича променливи, да премества файлове, автоматично да завършва и да помага с параметри и функции. Ако сте по-опитен кодер, ще намерите всички модерни инструменти, от които се нуждаете, за да създадете някои впечатляващи приложения и функции.

WebStorm не е безплатен и изисква годишен абонамент за използване.

атом

Atom е друга изключително популярна JavaScript IDE. По същество е текстов редактор, който можете да задействате на колкото се може повече функции. Съвместим с HTML, JavaScript, CSS и Node.js, Atom е изграден на Electron кросплатформена рамка, която вече доказа своята стойност в JavaScript програмирането.

Функционалността на крос платформата е отлична за съвместни проекти, докато вграденият мениджър на пакети предлага възможност да добавите много предварително изградени пакети или да създадете свой собствен. Това е една от най-ценните функции на Atom, тъй като предлага огромна свобода да конфигурирате IDE точно по начина, по който искате да го използвате.

Други функции на Atom включват автоматично завършване, браузър на файлове, намиране и замяна, автоматично затваряне на маркери и полезна мини карта, която ви показва кода в преглед. Atom има тенденция да се забавя при работа с по-големи файлове и очевидно има изтичане на памет, което може да причини забавяне при използването му. Освен това, той е много ценен.

Atom е безплатен за използване.

Codepen

Codepen нарича себе си „площадка за лицевата страна на мрежата“. Той е един от тези онлайн JavaScript IDE, които споменах по-горе и е много добър в това, което прави. Играе добре с HTML, CSS и JavaScript и работи с CoffeeScript или LiveScript. Той е полезен както за начинаещи, които искат да научат код, така и да го прегледат от връстници, но и за опитни кодери, които искат да създават в среда за преглед на живо.

Има много CSS, HTML и JavaScript инструменти в Codepen. Създавате кода си в писалка, като използвате няколко доста мощни инструментарита като Emmet за бързо генериране на чист код. Можете също да използвате Vim Key Windings, ако ги познавате за бързо генериране. Освен това имате достъп до обичайните кодови инструменти и функции, които бихте очаквали от инсталиран IDE.

Основната полза от Codepen е общността. Това е много голяма и активна общност, която предлага помощ, съвети и преглед на код, идеи и други.

Codepen има както безплатна, така и Pro версия.

Възвишен текст 3

Възпроизведен текст 3 функции в повечето списъци с добър JavaScript IDE. Това, което започна живот като обикновен текстов редактор, се превърна в пълноценна IDE, която включва много от инструментите, които очаквате да използвате, когато компилирате кода си. Той е много адаптивен, работи в различни платформи и управлява пакетите с лекота.

Потребителският интерфейс е прост, но ефективен. Той също работи бързо. Стандартната инсталация съдържа много инструменти, които бихте използвали през цялото време, но Мениджърът на пакети гарантира, че ще имате толкова функции, колкото са ви необходими. Той работи с Emmet, Babel, SublimeLimiter и други, за да ви помогне да поддържате вашия JavaScript чист и подреден.

Подобно на Codepen, един от истинските акценти на Sublime Text 3 е общността. Те не само създават плъгини за програмата, но също така помагат, преглеждат и предлагат всякакви теми за помощ и дискусии. Това са видове общности, които ви карат да вярвате, че човечеството все още има бъдеще.

Sublime Text 3 е свободен да се опита, но $ 70 за запазване.

NetBeans

NetBeans започна живота като инструмент на Java, но се разшири и включва JavaScript и Node.js. Също така работи с HTML, CSS, PHP, JS, C / C ++, Python и други езици. Той работи в рамките на Java виртуална машина, така че ще работи в повечето операционни системи и може да бъде конфигуриран точно както ви харесва.

NetBeans включва повечето от инструментите и функциите, които бихте очаквали, включително сгъване на код, форматиране на код, инструменти JSON, автоматично завършване на променливи, препратки към функции, библиотечни функции, класове и други, така че наистина да можете да кодирате бързо. Веднъж извършена, чистата функция за отстраняване на грешки и грешки ще посочи всички грешки и дори ще предложи намеци къде могат да бъдат намерени допълнителни оптимизации.

NetBeans също има готини разширения за Chrome, което позволява ефективно отстраняване на грешки и възможност за редактиране на източници от браузъра. Явно много полезен инструмент.

NetBeans е безплатен и с отворен код.

Както споменах в горната част, аз не съм кодер, така че трябваше да се облегна на приятел на кодер, за да помогна с това парче. Въпреки че препоръките са нейни, всички грешки или грешки са мои!

Имате ли други предложения за добър JavaScript IDE? Разкажете ни за това по-долу, ако го направите!

5 От най-добрите идентификатори на JavaScript за уеб разработка