<MyRusakov.ru />

Программирование на JavaScript с Нуля до Гуру 2.0

Программирование на JavaScript с Нуля до Гуру 2.0

Данный курс научит Вас программировать на языке JavaScript, который крайне желательно знать любому уважающему себя программисту. Курс состоит из 8 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности. В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Дополнительно, почти к каждому уроку идут упражнения.

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Библиотека jQuery», «Защита JavaScript-кода от копирования», «Решение упражнений из курса», «HTML для начинающих» и «CSS для начинающих».

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как установить и настроить ESLint

Как установить и настроить ESLint

Плагин ESLint - это лучший помощник для отлавливания ошибок в процессе написания JavaScript кода. Предупреждая нас о них прямо на лету в редакторе кода. ESLint в отличии от его младшего брата JSHint позволяет работать не только с JavaScript, но и с фреймворком React.


Установка ESLint для VS Code

Перед тем, как установить плагин ESLint, убедитесь, что у вас уже установлена среда Node.js. Для установки плагина глобально, откройте вкладку «Терминал», введите команду npm install -g eslint и нажмите клавишу «ENTER».


Настройка ESLint для VS Code

Прежде чем перейти к настройке, подключим еще два дополнительных плагина, чтобы ESLint не ругался на новейший синтаксис JS.

ESLint Plugin Babel

Данный плагин отлично дополняет ESLint, если вы используете компилятор Babel


Инсталляция

npm install eslint-plugin-babel --save-dev // локально на проект
npm install eslint-plugin-babel -g // глобально

ESLint Plugin React


Инсталляция

npm install eslint-plugin-react --save-dev // локально на проект
npm install eslint-plugin-react -g // глобально

Плагин ESLint требует конфигурационный файл. Создадим вручную JSON файл и в соответствии с документацией, настроим его.


Пример файла .eslintrc.json

Поместите данный файл в корневую папку, так он будет распространятся на все проекты.

{     "env": {
        "browser": true, // Разрешить запуск кода в браузере
        "commonjs": true, // Разрешить commonJS
        "es6": true, // Включает синтаксис ES6 автоматически
        "node": true // Разрешить запуск кода в node
    },
    "extends": ["eslint:recommended",
        "plugin:react/recommended"], // Включить React плагин
    "parserOptions": {
    "ecmaFeatures": {
        "jsx": true // Разрешить формат JSX
    },
        "ecmaVersion": 2018, // Указываем версию ECMAScript
        "sourceType": "module" // Включить модульную поддержку кода ECMAScript
    },
    "plugins": [ // Включить поддержку плагинов
        "react",
        "babel"
    ],
    "rules": { // Задать правила игнорирования типичных ошибок
        "no-unused-vars": ["error", { "caughtErrorsIgnorePattern": "^ignore" }],
        "react/jsx-uses-react": 1,
        "react/jsx-uses-vars": "error",

        "linebreak-style": [ // Применять согласованный стиль переноса строки
        "error",
        "unix"
    ],
        "babel/new-cap": 1, // Игнорирует заглавные буквы
        "babel/camelcase": 1, // Названия переменных в camelCase стиле
        "babel/no-invalid-this": 1, // Запретить ключевое слово this в названии классов
        "babel/object-curly-spacing": 1, // Одинаковый интервал внутри фигурных скобок
        "babel/semi": 1, // Точка с запятой на конце
        "babel/no-unused-expressions": 1, // Запретить неиспользуемые выражения
        "babel/valid-typeof": 1 // Сравнение выражений с допустимыми строками
    }
}

ESLint часто используют в компаниях для одинаковой стилизации кода во всех проектах. На скриншоте ниже, вы можете увидеть, как работают подсказки от плагина.


Как установить и настроить ESLint.

В современном мире мире веб-разработки, уже невозможно обойтись без библиотек и фреймворков на основе языка программирования JavaScript. Фреймворк React является одним из главных инструментов у front-end разработчиков и это не случайно. После прохождения Видеокурса "React JS, Redux, ES2015 с Нуля до Гуру", у Вас появится возможность создавать серьезные веб-проекты и работать в лучших IT-компаниях.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.