<AI>
HTMLのJavaScriptからVS Codeを特定の行・桁(列)を指定して起動するには、
カスタムURLスキーム(vscode://)を使用します。
ブラウザ上のJavaScriptで window.location.href や window.open() に vscode://file/パス:行:桁 を指定します。
セキュリティ制限のため、一般的なWebページから直接ローカルアプリを起動するにはユーザーのクリック操作が必要です。
実装方法
1. URLの書き方ファイルのフルパスの後ろに :行番号:桁番号 をつなげます。
形式:vscode://file/ファイルの絶対パス:行番号:桁番号
例(Windows):vscode://file/C:/work/index.html:10:5
例(Mac):vscode://file/Users/name/work/index.html:10:5
2. JavaScriptのサンプルコード
ボタンをクリックしたときに指定したファイルと位置でVS Codeが開くように設定します。
html
<button id="openVscode">VS Codeを開く</button>
<script>
document.getElementById('openVscode').addEventListener('click', () => {
// 開きたいファイルのパス、行番号(10行目)、桁番号(5桁目)を指定
const filePath = 'C:/work/index.html';
const line = 10;
const column = 5;
// URLスキームを組み立て
const vscodeUrl = `vscode://file/${filePath}:${line}:${column}`;
// VS Codeを起動
window.location.href = vscodeUrl;
});
</script>
注意点
ローカル環境限定:この方法は、ブラウザで閲覧しているページがローカルファイルである場合や、
社内イントラネットなどで許可されている場合に動作します。
通常のインターネット上のWebサイトからローカルアプリを直接開くことはブラウザのセキュリティでブロックされる場合があります。
パスの区切り文字:Windowsのパスを指定する場合、バックスラッシュ(\)ではなくスラッシュ(/)で記述してください。
For tips on how to use the command line and keyboard shortcuts to navigate to specific lines inside VS Code: