Said in the previous
Recently I wanted to do some interview programming questions for practice, but I just want to view the results and open the browser, so I want to find a way to view the results directly on the IDE.
What is a quokka? Quokka.js is a developer tool for quickly developing javascript or typescript. It updates or displays running values on your IDE in real time as you type code.
start
About the version
There are community version and free version, I use the free version
download
Simple to start work
New quokka file
ctr+shihft+p
The inputQuokka
-> Select New File
There are also shortcut keys, the first commonly used as follows:
Cmd/Ctrl + K, J
Create a new JS file,Cmd/Ctrl + K, T
Creating a TS File- For more information
ctr+shihft+p
The inputQuokka
Look inside
View the post-run values
The Pro version can simply add //? You can view the value of the run in real time
For the community version, use console.log().
Real-time coverage
After quokka.js is run, you can see the coverage status of the code on the left side of the editor.
- Gray – indicates not being executed
- Green – indicates that it has been executed
- Yellow – represents only partial execution, that is, logical expressions or ternary operators.
- Red – indicates that the source line is the source of an error or is in the error stack
The rest of the
I don’t need it yet (the Pro version is not available at 😥
conclusion
Suitable for some simple JS statement practice, such as what what JS handwriting high frequency interview programming questions, and just began to learn JS students can also be used to write small demo.