How to Install Playwright

Profile picture for user arilio666

The steps for installing Playwright are the same no matter which operating system you use. Ensure you have Node JS, and Visual Studio Code installed on your system before proceeding with steps. You can install Node and VS code from the Installation & Setup section.

Install and Setup New Playwright Project

If you don't want to install using VS Code type below command in terminal or command prompt and jump to Step 5. In below command, replace the new-project with your project name of your choice.

$npm init playwright@latest new-project

Step 1: Go to the desired location and create a new folder where you want to set up the Playwright.

Step 2: In the VS Code IDE, open the newly created folder, one way of opening it is, Go to File -> Open Folder.

open existing playwright project in VS code

Step 3: Open VS Code Terminal from Terminal -> New Terminal

open visual studio code terminal

Step 4: Open the terminal and type the below command to install playwright  

$ npm init playwright@latest

Here, @latest will install the latest stable release.

Step 5: Press down arrow to Select JavaScript. By default TypeScript will be selected. Press Enter after selection.

install playwright using terminal

Step 6: Press Enter to put your tests in the tests folder

? Where to put your end-to-end tests? › tests

Step 7: Press y for GitHub basic setup

? Add a GitHub Actions workflow? (y/N) › false

It will start downloading browser binaries to your system. For Mac OS, it will install in ~/Library/Caches/ms-playwright directory

Install playwright on Mac OS

Once installation is done successfully. It will show a success message and suggest several commands, and a few files will be created on your system.

install playwright on Windows Operating System

Install Playwright for existing node project

$ npm i -D @playwright/test
$ npx playwright install

Video Tutorial: How to Install Playwright