[解決済み】Visual Studio CodeでJavaScriptを実行する
質問
JavaScriptを実行して結果を表示する方法はありますか? Visual Studio コード ?
例えば、以下を含むスクリプトファイル。
console.log('hello world');
Node.jsが必要だと思うのですが、どうすればいいのでしょうか?
<ブロッククオートBy Visual Studio コード マイクロソフトの新しいコードエディターのことです。 Visual Studioで書かれたコードではありません。
解決方法は?
このソリューションは、現在開いているファイルをnodeで実行し、その出力をVSCodeで表示することを意図しています。
同じ疑問を持っていたところ、新しく紹介されていた
tasks
この特定のユースケースに便利です。少し面倒ですが、私がやったことは以下の通りです。
を作成します。
.vscode
ディレクトリをプロジェクトのルートに作成し、その中に
tasks.json
ファイルを作成します。そのファイルに、このタスクの定義を追加してください。
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
それなら、できる。
press F1 > type `run task` > enter > select `runFile` > enter
を使えばタスクを実行できますが、私はタスクリストを開くためのカスタムキーバインディングを追加する方が簡単だと思いました。
キーバインドを追加するには、VSCode UIメニューの「Code」 > 「Preferences」 > 「Keyboard Shortcuts」を選択します。これをキーボードショートカットに追加します。
{
"key": "cmd+r",
"command": "workbench.action.tasks.runTask"
}
もちろん、キーの組み合わせは自由に選択できます。
UPDATEです。
にJavaScriptのコードを実行していると仮定すると、そのコードは
テスト
としてマークすれば、そのタスクは
テスト
を設定することで、タスクの
isTestCommand
プロパティ
から
true
にキーをバインドし、そのキーを
workbench.action.tasks.test
コマンド
を使用すると、単一アクションの呼び出しになります。
言い換えれば、あなたの
tasks.json
のファイルが含まれるようになります。
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"isTestCommand": true,
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
...そして、あなたの
keybindings.json
のファイルが含まれるようになります。
{
"key": "cmd+r",
"command": "workbench.action.tasks.test"
}
関連
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] Visual Studio Codeでの縦書きルーラー
-
[解決済み] Visual Studio Code for Windowsでコードのセクションを折りたたむにはどうしたらいいですか?
-
[解決済み] Visual Studio Codeで行や選択範囲を複製するにはどうすればよいですか?
-
[解決済み] Visual Studio Code(VSCode)でコードをフォーマットするにはどうすればよいですか?
-
[解決済み] Visual Studio Codeでエディタと統合ターミナル間のフォーカスを切り替える
-
[解決済み] Visual Studio Codeで単語の折り返しのオンとオフを切り替えるにはどうしたらいいですか?
-
[解決済み] Visual Studio Codeでの改行による検索と置換
-
[解決済み】Visual Studio Codeでの複数行編集について
-
[解決済み】Visual Studio Codeの「ワークスペース」とは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】npx コマンドが見つかりません。
-
[解決済み】MongoDBでコレクションを日付で並べ替えるには?
-
[解決済み】「npm install」と「npm rebuild」の違いとは?
-
[解決済み] create-react-app、インストールエラー("コマンドが見つからない")。
-
[解決済み] EventEmitter のメモリリークの可能性が検出された
-
[解決済み] express は `body-parser deprecated undefined extended` としてエラーを投げます。
-
[解決済み] ランタイム 'node' が PATH で見つからない - Visual Studio Code と Node.js
-
[解決済み] DynamoDBで一括削除するにはどうしたらいいですか?
-
[解決済み] Process.start: 出力の取得方法は?