2016-03-24 16 views
22

VSコードの[ユーザーボイス]ページでthere was a requestを入力し、&などのHTMLエンティティの候補とハイライトを追加します。マイクロソフトはこれを「この機能はHTMLおよびRazorドキュメント用にVisual Studio 2013に実装されました」というコメントとともに完全なものとしてマークしました。私はそれがVSコードではなく、VS 2013で実装されたことを意味します。VSコードでHTMLエンティティの強調表示を有効にするにはどうすればよいですか?

HTMLドキュメント内でこれらの項目のハイライトを追加するにはどうすればよいですか?それらはXML文書内で適切に強調表示されているようです。 syntaxes/html.plistを見ると、HTMLエンティティをキャプチャする必要があるように見えるので、テーマを適切に色付けすると仮定しますが、バックエンドでどのように動作するのかは分かりません。

私の質問は以下のとおりです。

  1. は、VSのコードは、これらの項目を強調表示するべきか?

  2. もしそうでなければ、HTML構文ファイルまたはテーマファイルを変更することができますか?もしそうなら、どうすればいいのですか?

ここで(それがインストールされ、デフォルトである)html.plistです:

<key>entities</key> 
     <dict> 
      <key>patterns</key> 
      <array> 
       <dict> 
        <key>captures</key> 
        <dict> 
         <key>1</key> 
         <dict> 
          <key>name</key> 
          <string>punctuation.definition.entity.html</string> 
         </dict> 
         <key>3</key> 
         <dict> 
          <key>name</key> 
          <string>punctuation.definition.entity.html</string> 
         </dict> 
        </dict> 
        <key>match</key> 
        <string>(&amp;)([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+)(;)</string> 
        <key>name</key> 
        <string>constant.character.entity.html</string> 
       </dict> 
       <dict> 
        <key>match</key> 
        <string>&amp;</string> 
        <key>name</key> 
        <string>invalid.illegal.bad-ampersand.html</string> 
       </dict> 

--- EDIT ---

はここで両方(私が何を意味するかを明確にするいくつかのスクリーンショットです)同じテーマで撮影:

xml doc with highlighting

html without highlighting

XML.plistはHTML.plistに似ていますが、誰かが独自のコピーを持っていない限り、XML.plistをこの長い質問に追加しません。

答えて

0

これは、VSのコードのための機能要求である:あなたの質問に答えるhttps://github.com/Microsoft/vscode/issues/784

  1. はい。
  2. プルリクエストをプロジェクトに提出すると、他の人に利益をもたらすことができます。変更するコードはherehere's how you can contributeです。
+0

現在、エンティティを強調表示していないようです。具体的にどのようにコードを修正すべきかについてのガイダンスがあれば、私はプルリクエストを提出することができますが、それは私の2番目の質問での意味です。私はXMLでもRegExの専門家でもないので、そのplistを修正することは私の運転手の外にあります。 – thunderblaster

+0

あなたの操車室に入れてみませんか?あなたは間違いなく専門家である必要はありません。ちょうどそれを試して、githubの問題であなたの発見/トラブルを投稿してください。 –

1

あなたはVSコードのヨーマン延長ジェネレータ、ヨーヨーのコードを使用して、VSのコードのインストールに新しいTextMateのテーマファイル(.tmTheme)を追加することができ拡張子

を使用してそれを行うことができます。拡張ジェネレータは、既存のTextMateテーマファイルを取り、VSコードで使用するためにパッケージ化します。

ColorSublimeには、何百もの既存のTextMateテーマがあります。あなたが好きなテーマを選び、ダウンロードリンクをコピーしてYeomanジェネレータで使用します。 「http://colorsublime.com/theme/download/(number)」のような形式になります。 'code'ジェネレータは、.tmThemeファイルのURLまたはファイルの場所、テーマ名、およびテーマに関連するその他の情報を入力するよう求めます。

生成したテーマフォルダを.vscode/extensionsフォルダの新しいフォルダにコピーしてVSコードを再起動します。

「ファイル」>「環境設定」>「カラーテーマ」でカラーテーマのピッカーテーマを開くと、ドロップダウンにテーマが表示されます。矢印を上下に移動すると、テーマのライブプレビューが表示されます。

、あなたはまた、ゼロから独自のTextMateのテーマを作成できすぎ

を自分でテーマを作成することができます。詳細については、TextMateテーマと言語文法命名規則のドキュメントを参照してください。 TextMateの言語の文法の標準スコープに加え

は、VSのコードはまた、チューニングするために独自のテーマを使用することができますカスタムテーマの設定があります。

rangeHighlight:範囲の背景色は、クイックオープンでのように、強調表示され、機能して下さい。

selectionHighlight:選択中にハイライト表示される領域の背景色。

inactiveSelection:フォーカスがないときの背景色。

wordHighlight:変数を読み取るなど、読み取りアクセス時のシンボルの背景色。

wordHighlightStrong:変数への書き込みのような書き込みアクセス中のシンボルの背景色。

findMatchHighlight:検索に一致する領域の背景色。 currentFindMatchHighlight:検索に一致する現在の領域の背景色です。

findRangeHighlight:検索のために選択された領域の背景色。

linkForeground:リンクの色。

activeLinkForeground:アクティブリンクの色。

hoverHighlight:ホバリングしたときの背景色。

referenceHighlight:すべての参照を見つけるときの背景の色。

guide:ネストレベルを示すために表示されるガイドの色。

ここでは、カスタム設定を含むVSコードテーマの例を見つけることができます。

テーマの作成は、文法すべてが少し違って動作するので、かなり難しいです。文法は拡張機能に置き換えることができるので、TextMateの規則に従って、テーマの言語固有の規則を避けてください。

関連する問題