Вавилонское объяснение.

Если вы читали первую часть этой небольшой серии, то ESlint у вас работает. Разве это не грандиозно? Если у вас настроен файл конфигурации ESlint, вы помните возможность настроить линтер для ES6/ES2015. Если вы выбрали ECMA Version 5 вместо 6, измените ее на 6. Погрузитесь!

Настройка Бабеля

Самое прямое из всего этого путешествия по ES6, и лучшее объяснение для этого — их веб-сайт. Нажмите здесь, выберите инструмент из списка и приступайте к взлому.

3 вещи, которые вам нужно знать об использовании babel:

  1. Есть конфигурационный файл babel. (так что теперь у вас есть файл .eslintrc И файл .babelrc. Не бойтесь, просто сделайте это.)
  2. Вам понадобятся пресеты ES2015 (инструкции по их получению находятся в примечании на странице настройки babel)
  3. Вам понадобится средство запуска задач или какой-либо инструмент сборки, чтобы выполнить шаг компиляции, иначе каждый раз, когда вы будете вносить изменения, вам придется вручную компилировать файлы ES6. Я использую глоток.

Babel берет написанный вами код (в данном случае вы собираетесь использовать ES6/ES2015) и превращает его в ES5. ES2015-Presets — это, по сути, набор плагинов, которые работают вместе для создания желаемого кода. Эти плагины вместе действуют как компилятор вашего кода, что очень здорово. Один из аргументов против того, чтобы javascript был «настоящим языком программирования», заключается в том, что в нем нет шага компиляции. БОЛЬШЕ НЕТ.

Вещи, которые вы должны были сделать к настоящему времени:

  1. Теперь вы используете ESLint либо с Atom, либо через командную строку. Это будет иметь первостепенное значение, поскольку вы изучаете все новые функции ES6.
  2. Babel качается и качается, создавая ES5, который вы написали когда-то давно, до того, как стали волшебником ES6.

Что осталось?

Я не буду рассказывать, как правильно писать ES6, потому что я не квалифицирован. Я едва могу объяснить замыкание, поэтому мне не следует рассказывать вам ничего о стандартах или лучших практиках. Показ вам, как настроить для написания ES6, — это то, что я могу понять, почти наверняка не давая плохих советов.

Что я могу сделать сейчас, так это дать вам несколько ссылок на некоторые ресурсы, которые я постоянно использую, чтобы стать более сильным разработчиком.

Сцена JavaScript:

Я многому научился из этого блога и его создателя Эрика Эллиота. Он самоуверенный программист, но у него есть масса потрясающих советов. Как этот список для чтения, который я помечаю как книгу, пока не закончу все в нем.

JSBooks:

В JSBooks есть масса бесплатных книг. Если вы прочитаете хотя бы несколько из этих книг, вы будете осваивать новые концепции и навыки. Если вы часто попадаете в список книг, сделайте скидку автору! Они делают все это возможным.

РазвлекательнаяФункция:

Я не снимаю много видео, потому что просто не могу сосредоточиться на обучающем видео, когда передо мной клавиатура. КРОМЕ этого парня.

Ваше здоровье!