Prettier: как форматировать код и улучшить согласованность кода

Команда «npm install prettier» используется для установки пакета Prettier из реестра npm. Prettier – это средство форматирования кода, которое помогает поддерживать согласованность и читаемость кода в разных проектах.

Вот несколько методов, которые можно использовать с Prettier, а также примеры кода:

  1. Форматирование файла с помощью CLI:

    npx prettier --write myfile.js
  2. Форматировать весь каталог:

    npx prettier --write "src//*.js"
  3. Интегрируйте Prettier с вашим редактором кода. Большинство популярных редакторов кода, таких как Visual Studio Code, имеют расширения для Prettier. После установки Prettier автоматически отформатирует ваш код при сохранении или с помощью сочетания клавиш.

  4. Используйте Prettier с такими инструментами сборки, как webpack или gulp, добавив его в качестве шага в свой конвейер сборки. Например, в файле конфигурации веб-пакета:

    const PrettierPlugin = require('prettier-webpack-plugin');
    module.exports = {
     // ... other webpack configuration options
     plugins: [
       new PrettierPlugin()
     ]
    };
  5. Настройте Prettier, используя файл .prettierrcв корневом каталоге вашего проекта. Этот файл позволяет вам настроить параметры форматирования Prettier. Например:

    {
     "printWidth": 80,
     "tabWidth": 2,
     "singleQuote": true
    }
  6. Интегрируйте Prettier с конфигурацией ESLint вашего проекта с помощью плагина eslint-plugin-prettier. Это гарантирует, что ваш код отформатирован и соответствует правилам ESLint вашего проекта.