2016-11-10 8 views
6

私はHTMLを書くためにビジュアルスタジオコードを使用していますが、現在選択されているものの終了タグを識別する機能はありません。 どうすれば同じことができますか?ここでVisual Studioコードがhtmlタグと一致しません

は、VSのコードにどのように見えるかです:

enter image description here

あなたは任意の拡張子をお勧めできますかどのように私はこれを達成することができますか? VSコード1.7.1

答えて

3

強調表示を解除する拡張機能がインストールされているかどうかわかりません。私はあなたの例を使用する場合は、デフォルトでは、終了タグの罰金を強調:

enter image description here

さらに、初め/終了タグの間にジャンプ組み込みエメットコマンドがあります。コマンド・パレットで、「Emmet:マッチング・ペアに移動」を検索することができます。

ショートカットにバインドする場合は、そのボタンを2回押すと、カーソルがタグ間をジャンプするのを確認できます。バインドのコマンドは、私はあまりにもこの問題を抱えていたHTML

+0

をインストールお楽しみください、私はすべての拡張機能を無効にしているとして、任意の拡張子がこれを引き起こしているとは思いません。 @kwoodまた、あなたのコードバージョンが1.7.1であるかどうかを確認できます – aks

+0

@AnkitSinghaniya 1.7.1です--disable-extensionsでチェックしました – kwood

+2

私はvsコードから私の問題について返信を受け取りました。 https://github.com/Microsoft/vscode/issues/15285#issuecomment-259652115 これは '.html'拡張でのみ動作します。 – aks

4

ですハイライトされていますが、シングルクリックすれば終了タグを選択するように見えるので、ペアを取得するタグを1回クリックするだけでダブルクリックやクリックアンドドラッグはしないでください

+1

これは他のものを壊してしまう特定の構文の強調表示が機能しないPHPの修正です。 – aks

+1

これはhtml以外のvscodeモードでは利用できないようですが、JSXでのタグマッチングが必要なので、小さな拡張モジュールを作成しました:https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag –

0

にそれを変更し、あなたが「言語モード」のためのPHPまたは何か他のものを選んだと思います。あなたはをクリックしてドラッグすると、それはそのテキストですべての単語を選択しeditor.emmet.action.matchingPair

3

私は同じ問題を抱えていましたが、HTMLスニペット拡張でそれを解決しました。ただ、Html snippet

それをインストールして、ちょうど、後藤ファイル - > preferences->設定、 あなたは今、次のコードを追加し、右側の[ユーザー設定を表示することができます設定でいくつかの変更を行う

,"files.associations": { 
    // extension name : html 
    "*.php": "html", 
    "*.html": "html" 
} 

とあなたは行く準備ができています。 :)

0

この拡張機能

https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag 

and change the settings.json to 

highlight-matching-tag.leftStyle": { 
     "borderWidth": "0 0 0 3px", 
     "borderStyle": "dotted", 
     "borderColor": "red", 
     "borderRadius": "5px" 
    } 
関連する問題