在Visual Studio Code中设置语法高亮显示的语言

在开始混淆之前,这个问题是关于Code,新的轻量级Visual Studio编辑器。 你可以从这里得到:https://code.visualstudio.com/

我有一个文本文件(.txt)与CSS在其中,并希望获得语法高亮显示。你可以用ctrl+转变+p打开命令面板。但是你不能像Sublime那样设置语法。

有没有其他方法从我的文本文件得到CSS着色?

210443 次浏览

在右下角,微笑符号的左边有一个图标,上面写着“纯文本”。当你点击它,所有语言的菜单出现,你可以选择你想要的语言。

VSCode

Ctrl + K,然后输入(或单击)你想要的语言。

或者,从命令面板访问它,寻找“更改语言模式”,如下所示:

enter image description here

人们很难让语法高亮显示工作的另一个原因是他们没有安装适当的语法包。虽然一些默认的语法包是预先安装的(如Swift, C, JS, CSS),但其他的可能不可用。

要解决这个问题,你可以Cmd + Shift + P→“安装扩展”,然后寻找你想要添加的语言,比如“Scala”。

enter image description here

找到合适的语法包,安装并重新加载。这将为您的文件选择具有预定义扩展名的正确语法,即在本例中为.scala

最重要的是,你可能希望VS Code将所有具有特定自定义扩展名的文件作为你的首选语言。假设你想要突出显示所有*.es文件作为JavaScript,然后只需要打开“用户设置”(Cmd + Shift + P→“用户设置”)并配置你的自定义文件关联,如下所示:

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

语法高亮显示自定义文件扩展名

任何自定义文件扩展名都可以与标准语法高亮显示相关联 custom files association在用户设置如下。< / p >

 change File Association settings for permanent Syntax highlight .

注意,这将是一个永久设置。 为了单独设置当前会话,在Select Language Mode框中输入首选语言(不改变file association设置)

安装新的语法包

如果默认情况下所需的语法包不可用,您可以通过扩展市场 (Ctrl + Shift + X)添加它们并搜索语言包。

您可以进一步复制上面的步骤,用新的语法包映射文件扩展名。

永久设置语言语法 打开settings.json文件

  • 使用javascript格式格式化所有txt文件
"files.associations": {
"*.txt": "javascript"
          

}
  • 格式化所有未保存的文件(untitled-1等)到javascript:
"files.associations": {
"untitled-*": "javascript"
          

}

注意,对于“Untitled"编辑器("Untitled-1", "Untitled-2"),您现在可以在设置中设置语言。

之前的设置是:

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

这将不再总是工作,因为VSCode 1.42 (Q1 2020)将改变那些未命名编辑器的标题
标题现在将是编辑器标题的文档第一行,以及作为描述的一部分的通用名。
它将不再以"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.labelFormat在VSCode 1.43


2021年3月(可能用于VSCode 1.55), 发行118455 "未命名文件的自动语言分类"和119325年公关正在研究某种无题文件的自动语言检测。


如果你忘了,在2021年4月的VSCode 1.56中:

无题编辑提示 .

我们注意到许多新用户不知道为了获得完全的VS Code语言支持必须设置一种语言。

为了解决这个问题,我们为未命名编辑器引入了一个提示,以帮助用户设置正确的语言模式。
没有标题的提示可能对高级用户没有帮助,所以当你开始输入时,它会立即消失,或者你可以选择不显示,永远不再显示提示

Untitled editor显示一个Untitled hint - https://github.com/microsoft/vscode-docs/raw/vnext/release-notes/images/1_56/untitled-hint.png


VScode 1.60(2021年8月):

自动语言检测 .

在上一个版本中,我们为未命名的文件引入了一个实验性的特性,该特性将根据内容自动设置文件的语言模式。

该功能使用机器学习来猜测语言,并且完全在您的机器上完成。它由开源ML库Tensorflow.js和来自GitHub用户@yoeoGuesslang的ML模型提供支持。

< p > 在这个版本中,我们默认启用了这个功能,并将自动语言检测扩展到没有文件扩展名的文件。在notebook中,我们提供了一种使用语言选择器进行语言检测的简单方法。 这可以实现一些有趣的场景:

  • 从网上抓取一个例子并将其粘贴到untitled编辑器中,对untitled文件进行语言检测
    https://media.githubusercontent.com/media/microsoft/vscode-docs/vnext/release-notes/images/1_60/language-detection-untitled.gif < / p >

  • "Pipe into code"语言检测(炫耀无扩展名文件检测)对
    的无扩展名文件进行语言检测 https://media.githubusercontent.com/media/microsoft/vscode-docs/vnext/release-notes/images/1_60/language-detection-pipe.gif < / p >

  • 笔记本中的自动检测选项语言选择器笔记本的语言检测
    https://media.githubusercontent.com/media/microsoft/vscode-docs/vnext/release-notes/images/1_60/language-detection-notebooks.gif < / p >


VSCode 1.65(2022年2月)附带:

改进的自动语言检测

当启用新设置workbench.editor.historyBasedLanguageDetection时,未命名编辑器将使用改进的自动语言检测算法,该算法考虑到编辑器历史记录和当前工作空间的内容,以提供比以前更少的输入文本的检测结果。

下面是一个跨JavaScript、TypeScript、Markdown、PHP和c++(支持更多语言)使用这个功能的例子:

使用自动语言检测

主题:GitHub轻+ HC自定义


VSCode 1.70(2022年7月)将提出(发行152920153872年公关)

提供一个命令,用特定的语言集创建一个新的无标题文件

允许在命令中指定语言id来创建一个新的无标题文件

registerCommandAndKeybindingRule允许&;以添加已知的语言ID。

这允许像[Create Python File](command:toSide:workbench.action.files.newUntitledFile?<args>)这样的链接,它将直接为Python语言创建一个新的未命名文件。

现在你可以通过安装VS Code扩展从命令面板中设置语法高亮显示

enter image description here

https://marketplace.visualstudio.com/items?itemName=ahgood.set-syntax

这可能不是问题的正确答案,但这就是发生在我身上的事情。有时候,我们寻求的答案可能不是我们需要的答案。

enter image description here

您可以在VS Code中更改语言模式,如下所示。

选择要更改的文件,然后使用以下快捷方式。

在macOS:

  • +K,然后按

Windows和Linux操作系统:

  • CTRL+K,然后按

从提供的列表中选择语言或选择“自动检测”

enter image description here