@meowsos/playwright-setup

@meowsos/playwright-setup

Description

Modern Eslint + Prettier setup for Playwright Typescript projects

Version

0.0.12

Usage

• Install the package

npm i -D @meowsos/playwright-setup

• Add the following to your package.json:

{
  "scripts": {
    "lint": "eslint . --ext .ts",
    "lint:fix": "eslint . --ext .ts --fix",
    "format": "prettier --write .",
    "format:check": "prettier --check ."
  }
}

• Create a .eslintrc.js file in the root of your project with the following:

module.exports = {
  extends: ['@meowsos/playwright-setup'],
}

• Create a .prettierrc.js file in the root of your project with the following:

module.exports = require('@meowsos/playwright-setup/prettier.config')

• Create a .eslintignore file in the root of your project with the following:

node_modules
dist

• Create a .prettierignore file in the root of your project with the following:

node_modules
dist

• Create a .vscode/settings.json file in the root of your project with the following:

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

• Create a .vscode/extensions.json file in the root of your project with the following:

{
  "recommendations": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "ms-playwright.playwright",
    "ryanrosello-og.playwright-vscode-trace-viewer",
    "yoavbls.pretty-ts-errors"
  ]
}