• Latest
  • Trending
Quokka JS Scratchpad

Quokka.js virtual JavaScript scratchpad: No more CLIs

March 22, 2021
What is Gulp JS? For Beginners

What is Gulp JS? For Beginners

March 22, 2021
Top Gaming Sites To Improve Your Coding Skills

Top Gaming Sites To Improve Your Coding Skills

March 22, 2021
The Purposes of Frontend Frameworks

The Purposes of Frontend Frameworks

March 22, 2021
css to sass

Why We Should Move from CSS to SASS? Beginners

March 22, 2021
Best Web UI Trends in 2021: You should follow

7 Best UI Trends You Should Follow in 2021

March 22, 2021
Should You Learn Bootstrap in 2021

Should You Learn Bootstrap in 2021?

March 22, 2021
SASS Best - 5 reasons

Why You should move to SASS? 5 Reasons

March 22, 2021
Should not Become a Full-Stack Developer

Why You Shouldn’t Become a Full-Stack Developer as a Beginner?

March 22, 2021
Web Development Course at Harvard University

Free Web Development Course at Harvard University: Apply Now

March 22, 2021
The Fundamental Concepts of React library

The Fundamental Concepts of React library

March 22, 2021
5 Front-end Development Skills in 2021

5 Front-end Development Skills in 2021

March 22, 2021
What is Git Git basics for Beginners

What is Git? Git basics for Beginners

March 22, 2021
HOT
Frontend & UI/UX News
No Result
View All Result
Frontend & UI/UX News
No Result
View All Result
Advertisement Banner
Home JavaScript

Quokka.js virtual JavaScript scratchpad: No more CLIs

Chathura Jayasanka by Chathura Jayasanka
March 22, 2021
in JavaScript
2 min read
413 4
0
Quokka JS Scratchpad

Quokka JS Scratchpad

574
SHARES
Share on FacebookShare on Twitter

Quokka.js is a really amazing developer tool.

You can find it at Quokka.js Official Website and this is a free Visual Studio extension but there’s also a pro version. that creates a really cool scratchpad for JavaScript codes.

it permits you to render javascript output within the code editor itself. also, the free version is a bit different than the pro version.

This Plugin will support, Visual Studio Code, JetBrains, or Atom code editors.

after Visual Studio code open, You need to do to install this extension is to look for something called quokka js in the Extensions Search area.

quokka js extension
quokka js extension

if you go here you can see Quokka.js and you just need to click install and then reload to activate.

if you press ctrl+shift+P It can bring up the search.

Create Quokka js New File
Create Quokka js New File

and from here you can have a bunch of Quokka commands now this is a live scratchpad that can either open it on an existing or typescript file or you can create a new JS file.

Now you can see from here is the new JavaScript file so let’s take a look at a few features here.

Quokka JS Features
Quokka JS Features (Credit : Visual Studio marketplace)

READ MORE : What is Gulp JS? For Beginners

Tags: Javascript frameworksQuokkajs
Advertisement Banner
Chathura Jayasanka

Chathura Jayasanka

Experienced UI/UX Engineer & Tech enthusiast.

Trending

Quokka JS Scratchpad
JavaScript

Quokka.js virtual JavaScript scratchpad: No more CLIs

1 month ago
What is Gulp JS? For Beginners
JavaScript

What is Gulp JS? For Beginners

1 month ago
Top Gaming Sites To Improve Your Coding Skills
JavaScript

Top Gaming Sites To Improve Your Coding Skills

1 month ago
The Purposes of Frontend Frameworks
Angular

The Purposes of Frontend Frameworks

1 month ago
css to sass
Sass/SCSS

Why We Should Move from CSS to SASS? Beginners

2 months ago
Frontend & UI/UX News

We bring you Frontend Development,UI/UX Designs and Tech News.

Follow Us

Recent News

Quokka JS Scratchpad

Quokka.js virtual JavaScript scratchpad: No more CLIs

March 22, 2021
What is Gulp JS? For Beginners

What is Gulp JS? For Beginners

March 22, 2021

Categories

  • Angular
  • Bootstrap
  • Component Libraries
  • CSS
  • GIT
  • JavaScript
  • Learn
  • React
  • Sass/SCSS
  • Tech
  • Vue

Tags

AngularJS Bootstrap cloud Courses css Data Devops flutter frontend GIT Gulp JS html javascript Javascript frameworks Programming Quokkajs React SASS sementicui tailwind UI/UX VueJs Web
  • About
  • Terms & Conditions
  • Privacy Policy
  • Contact Us

© 2020 Frontendz - Frontend & UI/UX News

No Result
View All Result
  • Home
  • Learn
  • JavaScript
  • About
  • Contact Us

© 2020 Frontendz - Frontend & UI/UX News

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In