https://github.com/geyang/webstorm_debugging_example

https://github.com/geyang/webstorm_debugging_example

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/geyang/webstorm_debugging_example
• Owner: geyang
• Created: 2017-12-23T08:32:48.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-23T09:37:31.000Z (about 8 years ago)
• Last Synced: 2025-02-27T18:08:30.914Z (10 months ago)
• Language: JavaScript
• Size: 2.19 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Setting up ES6 Debugging with JetBrains WebStorm

First try to run the `test.js` script by pressing Ctrl + Shift + R with the `test.js` script open.

And there is this error message:

**Note**: disable ESLint by Command

![./figures/error-before-setup.png](./figures/error-before-setup.png)

The reason this happens is because node can not resolve `es6` module syntax without using michael jackson module.

Like this:

![./figures/setting-babel-register.png](./figures/setting-babel-register.png)

Now everything should run!

## Making it the way you like

You can change the key binding like this: press command + ,

![./figures/changing-keybindings.png](./figures/changing-keybindings.png)

I personally use command + I for running current execution task, and shfit + command + I

## Using `yarn` for package management

Choose the global yarn according to this screenclip:

![./figures/setting-up-yarn.png](./figures/setting-up-yarn.png)