Comment utiliser quokka ? Utilisation du plug-in VSCode Quokka.js (image)

Qu'est-ce qu'un quokka ? Comment l'utiliser ? Cet article se concentre sur l'introduction de la signification de quokka aux développeurs front-end ? Et comment utiliser quokka spécifiquement.

Qu'est-ce qu'un quokka ?
Quokka est un outil de débogage qui fournit des commentaires en temps réel sur le code que vous écrivez. Il peut prévisualiser la fonction et les résultats des valeurs calculées des variables. L'extension est facile à configurer et prête à être utilisée pour les projets utilisant JSX ou TypeScript. Adresse du projet : https://quokkajs.com/

Quokka.js est une plateforme d'exécution de code en temps réel pour JavaScript et TypeScript. Cela signifie qu'il exécutera votre code dès que vous le saisirez et affichera divers résultats d'exécution dans votre éditeur de code. Il est recommandé de l'essayer vous-même.

Comment utiliser quokka ?
Une fois que VSCode a installé cette extension Quokka.js, vous pouvez appuyer sur Ctrl/Cmd(⌘) + Shift + P pour afficher le panneau d'options de commande de l'éditeur, puis tapez Quokka pour voir une liste des commandes disponibles. Sélectionnez et exécutez la commande "Nouveau fichier JavaScript".

Vous pouvez également appuyer sur (⌘ + K + J) pour ouvrir directement le fichier. Tout ce que vous tapez dans ce fichier est exécuté immédiatement.

Ce qui précède est une animation de démonstration Quokka.js

Extensions similaires –

Code Runner – prend en charge plusieurs langues ​​tels que C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, etc.

Runner

Pièce jointe :

Certains étudiants ont demandé :
Après que mon vscode ait installé quokka·Js, pourquoi les résultats des variables n'apparaissent-ils pas automatiquement dans le fichier js ? Ai-je besoin d'un fichier de configuration ou quoi ?

Des internautes enthousiastes ont répondu :
Ctrl + k j ouvrira temporairement un nouveau fichier js, puis copiera le code dedans pour le voir

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!