Web-it-blog/29.09.16

Javascript консоль в Sublime text

Изучать JavaScript – дело непростое, и вам потребуется немало времени, чтобы освоить этот язык. Безусловно, по мере изучения, вы будете читать различную литературу, смотреть обучающие ролики и, возможно, ездить на конференции по JavaScript, но вы вряд ли это принесет пользу, если вы не начнете писать свой собственный код.

Консоль.

Очень важный момент, на который стоит обратить внимание, когда начинаешь изучать JavaScript это консоль, которая обычно находится в панели разработчика практически в любом браузере. Она указывает на ошибки, которые есть в вашем коде. Это очень удобно, особенно на ранних стадиях изучения языка, но каждый раз открывать эту панель становится делом утомительным и возникает вопрос - а можно ли ту же самую консоль внедрить в свой текстовый редактор, чтобы уже из него править код. И такая возможность есть. Прежде чем начать, убедитесь, что у вас установлен node.js, в дальнейшем мы будем его использовать.

JavaScript консоль в Sublime Text.

Для начала нам необходимо добавить новую систему сборки для JavaScript в Sublime Text, которая описывается на JSON со специальным расширением .sublime-build. Сперва в панели управления находим вкладку Tools > Build System > New Build System.

Далее мы копируем код, который содержит путь до папки с node.js, и вставляем его в ваш редактор.

Если вы пользователь mac OS:

 {
	"cmd" ["/usr/local/bin/node", "$file"],
	"selector":"source.js"
}

Если вы используете Windows:

 {
	"cmd" ["C:/Program Files/nodejs/node.exe", "$file"],
	"selector":"source.js"
}

Возможно, на вашем компьютере папка с node.js лежит в другом месте, поэтому я советую вам убедиться в том, где именно она находится. Далее мы сохраняем файл как JavaScript.sublime-build и приступаем непосредственно к самому интересному.

Создаем любой js код (не забудьте, что ваш код должен выводиться на консоли) и нажимаем систему кнопок Cmd + B (mac OS) или Ctrl + B (Windows). Также вы можете запустить вашу систему сборки напрямую из панели инструментов Tools > Build. Вот пример того как это должно выглядеть.

Если никаких проблем не возникло, то вы смело можете использовать эту консоль в своих работах, без необходимости по сто раз лезть в панель разработчика и смотреть правильно ли работает ваш код. В общем, наслаждайтесь.