ホームページ  >  記事  >  ウェブフロントエンド  >  quokkaの使い方 VSCodeプラグインQuokka.jsの使い方(写真)

quokkaの使い方 VSCodeプラグインQuokka.jsの使い方(写真)

云罗郡主
云罗郡主オリジナル
2018-10-27 14:44:3419701ブラウズ

クオッカとは何ですか?使い方?この記事では、フロントエンド開発者に quokka の意味を紹介することに重点を置いています。そしてクオッカの具体的な使い方。

クオッカとは何ですか?
Quokka は、作成中のコードに関するリアルタイムのフィードバックを提供するデバッグ ツールです。関数や変数の計算結果をプレビューすることができます。この拡張機能は構成が簡単で、JSX または TypeScript を使用するプロジェクトですぐに使用できます。プロジェクト アドレス: https://quokkajs.com/

Quokka.js は、JavaScript および TypeScript 用のリアルタイム コード プラットフォームです。つまり、コードを入力するとすぐにコードが実行され、さまざまな実行結果がコード エディターに表示されます。自分で試してみることをお勧めします。

quokka の使用方法
VSCode がこの Quokka.js 拡張機能をインストールした後、Ctrl/Cmd(⌘) Shift P を押してエディターのコマンド オプション パネルを表示できます。 「Quokka」と入力して、使用可能なコマンドのリストを表示します。 「新しい JavaScript ファイル」コマンドを選択して実行します。

(⌘ K J) を押してファイルを直接開くこともできます。このファイルに入力した内容はすべて即座に実行されます。

quokkaの使い方 VSCodeプラグインQuokka.jsの使い方(写真)

上記は Quokka.js のデモ アニメーションです。

同様の拡張機能 –

コード ランナー – 複数の機能をサポートC、C++、Java、JavaScript、PHP、Python、Perl、Perl 6 などの言語

ランナー

添付ファイル:

一部の学生から質問がありました:
vscode が quokka·Js をインストールした後、変数の結果が js ファイルに自動的に表示されないのはなぜですか?そうですか? 設定ファイルが必要ですか?

熱心なネチズンはこう答えました:
Ctrl k j で一時的に新しい js ファイルが開き、そのファイルにコードをコピーして表示します


以上がquokkaの使い方 VSCodeプラグインQuokka.jsの使い方(写真)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。