Простий і найкращий спосіб практикувати JavaScript

Вступ

Навчатися та практикувати JavaScript - це завжди цікаво. Але іноді, практикуючись, ми виснажуємось, тому що кожного разу, коли ми вносимо якісь зміни в код, нам доводиться повертатися до браузера і перезавантажувати його. Після цього ми повинні побачити його консоль для виводу. Весь цей процес відволікає увагу і забирає багато часу. Я також мав той самий досвід, коли вивчав JavaScript, але тоді я прийшов до рішення, яким хочу поділитися зі своїми читачами. Я знайшов цей спосіб дуже простим і легким. Дотримуючись цього методу, я даю набагато більше часу на розуміння понять JavaScript, а не на оновлення браузера.

Речі, які ми будемо використовувати

  • Піднесений текст
  • iTerm
    Ви можете використовувати будь-який текстовий редактор або термінал на ваш вибір
  • NodeJS
    〰 Запуск JavaScript за межами браузера.
  • Плагін Nodemon
Nodemon - це утиліта, яка буде стежити за будь-якими змінами у вашому джерелі та автоматично перезапускати ваш сервер. Ідеально підходить для розвитку.

Давайте розпочнемо!

  • Спочатку відкрийте редактор Sublime Text і відкрийте у ньому проект, перетягнувши та потім випавши папку проекту у своєму вікні або вибравши папку проекту, вибравши Файл> Відкрити….
  • Потім відкрийте iTerm та змініть каталог у свою каталог проектів.
  • Потім додайте файл nodemon.json у корені проекту та наступні дані у цей файл.
{
 "події": {
     "start": "ясно"
   }
}
Ми очищаємо консоль перед виконанням файлу. Це дасть нам чітку консоль і відволікає середовище. Отже, для цього ми зобов'язуємо чітку команду з початком події nodemon.
Клацніть, щоб дізнатися більше про nodemon події?
  • Потім запустіть файл JavaScript, виконавши в терміналі наступну команду:
nodemon - тихо YOUR_FILENAME.js

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

  • Тепер відкрийте їх обох поруч і починайте писати код, натисніть ctrl + S.
    (cmd + S у випадку macOS), щоб зберегти файл і побачити вихід одночасно.
Якщо ви використовуєте macOSX, ви можете розділити їх обоє на окреме вікно. Якщо ви забезпечите вам повне відволікаюче середовище. Якщо ви використовуєте Linux або Windows, ви можете змінити їх розмір і зберегти їх поруч.

Це воно!!

Це була проблема, яку я мав, і тоді я намагався її вирішити. Тепер просто напишіть свій код, а потім просто натисніть клавішу ctrl + S, і вихід цього коду знаходиться перед вами. Просто витратьте свій час на роздуми над проблемою, а не на те, як її перевірити.

Тепер іди і практикуйся як професіонал

Якщо вам сподобалася ця стаття, будь ласка, дайте їй кілька хлопців і поділіться нею! Якщо вам не подобається ця публікація або у вас є якісь питання стосовно будь-якого, що я згадував у цій публікації. Сміливо запитайте мене. Просто опублікуйте проблему в моєму "Запитайте у мене все", натиснувши тут.

Щоб отримати більше подібних даних, слідкуйте за мною у "Середній" або "Twitter". Щоб задати питання, перейдіть за цим посиланням. Більше про мене на моєму веб-сайті.

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