Chrome DevTools: Use the DevTools Terminal and Sources Panel to run your code linters when you make code changesLast updated: 19th July 2020
When you run the DevTools terminal, you can start Gulp/Grunt/Webpack etc. watchers to run linters as you change your code.
Warning: DevTools Terminal is very experimental. Things can change or break.
Here are the steps which work on Mac OS X, using Canary.
- Grab the DevTools repo:
$ git clone --depth 1 https://github.com/ChromeDevTools/devtools-frontend.git && cd devtools-frontend/services && npm i
- Start the terminal script:
$ node devtools.js
- Start Canary:
$ /Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --devtools-flags='service-backend=ws://localhost:9022/endpoint'
- Go to
- Hit Shift 6 times
- Enable the
Terminal in Drawerexperiment
- Restart DevTools
- Access the DevTools terminal via the drawer