Visual Studio Codeで構文強調表示の言語を手動で設定する方法


345

混乱が始まる前に、この質問は新しい軽量のVisual Studio EditorであるCodeについてです。ここから入手できます:https : //code.visualstudio.com/

CSSを含むテキストファイル(.txt)があり、構文を強調表示したい。+ +でコマンドパレット開くことができます。ただし、Sublimeのように構文を設定することはできません。ctrlshiftp

テキストファイルからCSSのカラーリングを取得する他の方法はありますか?


さらに強調するために、ここのソリューションは残念ながらVisual Studioには適用されません。今日、私はVisual Studio Codeの存在を知りました。通常のVisual Studioが同様の言語モードスイッチを採用しているとよいでしょう。ああマイクロソフト...
Mr.Z

回答:


589

右下のスマイリーの左下に、「プレーンテキスト」というアイコンがありました。クリックすると、すべての言語のメニューが表示され、目的の言語を選択できます。

VSCode


9
Ctrl + K、Ctrl + MおよびCtrl + K、M:わかりにくい。このソリューションは素晴らしいです!
Upendra 2017

24
ああ、なぜそれもコマンドパレットの一部ではないのですか?私はそこにそれを見つけたことはなかったでしょう、ありがとう:)
jaredwilli '20

3
この拡張子を持つファイルが常に形式を使用するようにするにはどうすればよいですか?
フランベルト

18
その赤い矢印が好きです。
ヘニングフィッシャー

1
それのための既存のショートカットは確かに愚かです。私はキーボードショートカットに入った、「言語の変更モード」と設定したショートカットを見つけにcmd+opt+pされ、非常に崇高と同じですが、K + Mよりも筋肉の記憶のためにはるかに簡単ではありません
マット・フレッチャー

279

を押してCtrl + KM、必要な言語を入力(またはクリック)します。

または、コマンドパレットからアクセスするには、次のように「言語モードの変更」を探します。

ここに画像の説明を入力してください


43
拡張機能パネルが表示されている場合は、Ctrl + K、MではなくCtrl + K、Ctrl + Mを押している可能性があります。
Chris

14
Macではcmd + KM。
Adam Parkin

6
@ gitsitgo、KMの意味は何ですか?
ペーチェリエ2018

1
macOS:shift + cmd + P
gderaco

9
これは、「Change Syntax Highlighting」に名前を変更する必要があります
Simon Somlai

32

シンタックスハイライトを機能させるのに苦労するもう1つの理由は、適切なシンタックスパッケージがインストールされていないためです。一部のデフォルトの構文パッケージはプリインストールされていますが(Swift、C、JS、CSSなど)、他のパッケージは使用できない場合があります。

これを解決するには、Cmd + Shift + P→「拡張機能をインストール」して、追加したい言語を探し、「Scala」と言います。

ここに画像の説明を入力してください

適切な構文パッケージを見つけてインストールし、リロードします。これにより、事前定義された拡張子を持つファイルの正しい構文が取得されます.scala(この場合)。

その上、VS Codeで特定のカスタム拡張子を持つすべてのファイルを優先言語として扱うようにしたい場合があります。すべての*.esファイルをJavaScriptとして強調表示して、「ユーザー設定」(Cmd + Shift + P→「ユーザー設定」)を開き、カスタムファイルの関連付けを次のように構成するとします。

  "files.associations": {
    "*.es": "javascript"
  },

5
ありがとう-files.associationsは私が求めていたものでした
statler

1
ファイル関連付けtidbitを使用して私からCookieを取得します。ありがとうございます。
user188757 2018

19

カスタムファイル拡張子の構文の強調表示

カスタムファイル拡張子はcustom files association、次のようにユーザー設定で標準構文の強調表示に関連付けることができ ます。

永続的な構文強調表示のファイル関連付け設定の変更

これは永続的な設定になることに注意してください。現在のセッションのみを設定するには、Select Language Modeボックスに優先言語を入力します(file association設定を変更せずに)

新しい構文パッケージのインストール

必要な構文パッケージがデフォルトで使用できない場合は、Extension MarketplaceCtrl+Shift+X)を介して追加し、言語パッケージを検索できます。

上記の手順をさらに再現して、ファイル拡張子を新しい構文パッケージにマッピングできます。


4

言語構文を永続的に設定するには:ファイルを
開くsettings.json

*)JavaScript形式ですべてのtxtファイルをフォーマットします

"files.associations": {
        "*.txt": "javascript"

 }

*)保存されていないすべてのファイル(無題-1など)をjavascriptにフォーマットします。

"files.associations": {
        "untitled-*": "javascript"

 }

4

「無題」エディタ( " Untitled-1"、 " Untitled-2")の場合、設定で言語を設定できるようになりました。

以前の設定は:

"files.associations": {
        "untitled-*": "javascript"
 }

VSCode 1.42(2020年第1四半期)では、これらの無題のエディターのタイトルが変更されるため、これは常に機能するとは限りません。タイトルは今になりますエディタのタイトルのための文書の最初の行の記述の一部として一般的な名称に沿って、。 「」で始まらない

untitled-

無題のエディターの改善」を参照してください

「無題」の編集者に関連する言語について:

デフォルトでは、無題のファイルには特定の言語モードが設定されていません。

VS Codeには、files.defaultLanguage無題のファイルのデフォルト言語を設定する設定があります。

このリリースでは、設定は、固定のデフォルトではなく、現在アクティブなエディターの言語モードを動的に使用する新しい値{activeEditorLanguage}取ることができます

さらに、テキストを無題のエディターにコピーして貼り付けると、テキストがVS Codeエディターからコピーされた場合、VS Codeは無題のエディターの言語モードを自動的に変更します。

https://media.githubusercontent.com/media/microsoft/vscode-docs/vnext/release-notes/images/1_42/untitled-copy2.gif

workbench.editor.untitled.labelFormatVSCode 1.43を参照してください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.