Подготовка окружения

Теория для урока "Подготовка окружения" (9. Основы Playwright) будет добавлена позже.

Установка инструментов

• Node.js — официальная страница загрузки и установки
• Visual Studio Code — скачать и установить редактор

Для форматирования и ESLint по сохранению установи расширения Prettier (esbenp.prettier-vscode) и ESLint (dbaeumer.vscode-eslint).

Настройки VS Code (settings.json)

Открой палитру команд (Cmd+Shift+P / Ctrl+Shift+P) → Preferences: Open User Settings (JSON) — и объедини с уже существующими ключами или вставь фрагмент ниже.

{
  "prettier.tabWidth": 2,
  "prettier.singleQuote": true,
  "prettier.trailingComma": "all",
  "prettier.semi": true,
  "prettier.bracketSameLine": true,
  "prettier.printWidth": 100,
  "editor.formatOnSave": true,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "files.autoSave": "onFocusChange"
}