Windows 10 Pro + VsCode で PhantomJS を試してみる
Windows 10 Pro + VsCode で PhantomJS を試してみる
VsCode-1.22.1 でPhantomJSを少し試そうとして、動かなかったので環境を確認
> node -v
v9.11.1
参考にしたサイトはこちら
Doesn't work in VSC 1.11.1 on Mac
Ubuntu 17.10にphantomjsをインストールしてみるも修正
Download
より phantomjs-2.1.1-windows.zip をDL後、適当なフォルダに配置する(C:\Dev\tool\ 以下)
C:\Dev\tool\phantomjs\bin をPATHに追加する
VsCodeの設定
・拡張機能より
Debugger for PhantomJS をインストールする
Code Runner をインストールする
・フォルダを作成する
・ファイル -> フォルダを選ぶ より上記フォルダを選択
・CTRL+SHIFT+D(デバッグボタン)
->launch.jsonの構成や修正を押下して phantomjs を選択する
・launch.json に最下2行を追加する
・npm init
"version": "0.2.0",
"configurations": [
{
"name": "Launch",
"type": "phantomjs",
"request": "launch",
"file": "${workspaceRoot}/app.js",
"webRoot": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/phantomjs.exe",
"runtimeArgs": [],
"sourceMaps": true,
"verboseDiagnosticLogging": true, # 追加
"diagnosticLogging": true # 追加
}
]
・npm install phantomjs
・hello.js を以下で作成
・Code Runnerの設定
"use strict";console.log('Hello, world!');
phantom.exit();
ファイル
-> 基本設定
-> 設定
-> ワークスペースの設定
・右クリック->Run Codeで実行
"code-runner.executorMap": {
"javascript": "phantomjs",
}
・デバック -> デバックの開始 でデバックコンソールに以下が表示される
[Running] phantomjs "c:\Dev\code\ndtest\ndphantomjs\hello.js"
Hello, world![Done] exited with code=0 in 1.857 seconds
※break point は無効のようだ
Verbose logs are written to C:\Users\User_Name\.vscode\extensions\vscode-phantomjs-debug.txt
〜
OS: win32 x64
Adapter node: v7.9.0 x64:ここはもう少し調べたい
vscode-chrome-debug-core: 3.1.0
〜