Софтуерно Инженерство
Loading...
apelev avatar apelev 16 Точки

[Technical Issue] JavaScript Basics - Помощ при настройката на Sublime text 3 за javascript

Колеги здравейте,

Тъй като по време на курса по html/css ползвах sublime, сега реших да го ползвам и за javascript. Лошото обаче е, че готиния autocomplete в html/css го няма като пиша javascript. Рових се в интернет и намерих плугин-а за node.js и си пуснах конзолка в съблайма. Намерих също и 1, който се казва ternjs и уж го водят най-добрия за autocomplete, обаче нещо не мога да го подкарам. На страницата на плугина са си сложили демо и има доста приятни функции. Някой има ли идея как да се подкара този ternjs, щото другите варианти, които успях да намеря са далеч от този по качество.

До сега действам на Visual Studio, ама нещо тоя Sublime по ми допада.

Съжалявам, ако вече има зададен подобен въпрос.

2
JavaScript Fundamentals
keller avatar keller 45 Точки
Best Answer

Значи, Съблайм е един страшно добър редактор, не мога да ти кажа какъв е оптималния начин за писане на JS, но мога да спомена какви плъгини много помагат!

Първо - SublimeCodeIntel,

Както колегите са споменали е адски полезен, това е autocomplete плъгин. За него също изтегляш някъкви снипети. от сорта на Javascript Snippets или Node JS & JS Snippets.

Второ - SublimeLinter

Това е error & warning highlighter. Показва ти грешките. За да го инсталираш е малко по-трудно. Трябва да инсталираш node и от там да напишеш в CMD npm -g install jshint или npm -g install jslint , взависимост от плъгина който си решил да ползваш, след което теглиш съответния плъгин от pakcage manager-a (SublimeLinter-jshint / SublimeLinter-jslint). Още няма да работи. За да го ползваш трябва да влезнеш там където е инсталиран самият линтер и да го добавиш във променливите на операционната система (аdd to PATH). За windows това става от System > Advanced Options > Enviroment variables и добавяш локацията във path.

Трето - Emmet/AdvancedNewFile/Sidebar Enhancements / TextPastry

Това са всякъкви видове плъгини дето биха ти олеснили живота като става дума за писане на код. Emmet ти дава да правиш код от уравнение (html>head+body>table>tr*3>td*3) става на готов хтмл документ с празна таблица, Advanced new file ти дава да правиш нови файлове от шорткът, a Sidebar enhancements ти добавя много опций в sidebar. Code pastry ти дава разни функций от сорта автоматично номериране на всички избрани елементи от 1 до n , от 0 до n, вкарване на стрингове в лист и после поставяне вместо цифри и т.н.

Четвърто - Теми и екстри 

Неща от сорта на теми и други workflow tools - да кажем билд система за сасс или прочие. Аз лично ти препоръчвам predawn - много добра тема. 
Също така горещо ти препоръчвам един плъгин на име Origami : той ти позволява да " разбиеш " редактора на няколко панела и да работиш върху повече от един файл едновременно . Адски полезен за HTML/CSS и HTML/JS, както и ще вероятно ще е за HTML/PHP.


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

След всичката тази конфугурация, редактора заприличва на това: (Но имайте предвид че няма Linter, счупи се)

Sublime

5
Yordanoff avatar Yordanoff 17 Точки

Благодаря ти, колега!! Не знаех името на плъгина за създаване на няколко панела. Определено Origami е задължително да се инсталира. (;

0
apelev avatar apelev 16 Точки

Мерси, колега! Точно за за нещо подобно говоря. Става въпрос за този прозорец, в който ти излизат for-овете. След малко като се прибера от работа и ще си поиграя с плугините, които ти си сложил и ще видим, какво ще стане.

0
Yordanoff avatar Yordanoff 17 Точки

Прозореца мисля, че е от CodeIntel + JavaScript & NodeJS Snippets.

0
keller avatar keller 45 Точки

Code intel е плъгина който позволява да ползваш такива снипети. самите снипети ги теглиш като отделен плъгин. В този прозорец са 2 различни вида снипета . ( Двата варианта на JS Snippets ) Препоръчвам само единия - горе долу имат едни и същи функций, но мисля че този дето се води Node + JS има повече.

0
dsmilyanov avatar dsmilyanov 237 Точки

Колеги, не е нужен плъгин за "разделяне" на екрана! Вградено е в Sublime. Погледнете във View -> Groups и View -> Layout. Хубаво си разръчкайте Sublime-a, преди да качвате плъгини за вече съществуващи екстри. Понякога се получава адски кофти, защото някои от плъгините презаписват шорткъти на съществуващи функции или ползват само някои шорткъти, които вече се ползват от съществуващи функции и в един момент би могло да се получи объркване (доста неприятно).

2