Question

（对不起我的英语技能）您是否知道任何分机或其他颜色的书写代码？

paperscript off colors example

Answer 1

此处提出类似的问题：https://github.com/Microsoft/vscode/issues/11781

您需要做的是找到默认的VSCode html.json文件并进行小编辑

在Windows上，它将是这样的：C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\html\syntaxes\html.json

在Mac上，您必须在“应用程序”文件夹中找到VSCode应用程序，然后右键单击“显示包裹内容＆＃39;并导航到/Contents/Resources/app/extensions/html/syntaxes/html.json

您应该找到这样的代码块（搜索javascript）

＆＃13;

{
  "begin": "\\G",
  "end": "(?i:(?=/?>|type(?=[\\s=])(?!\\s*=\\s*('|\"|)(text/(javascript|ecmascript|babel)|application/((x-)?javascript|ecmascript|babel)|module)[\\s\"'>])))",
  "name": "meta.tag.metadata.script.html",
  "patterns": [
    {
      "include": "#tag-stuff"
    }
  ]
},

＆＃13;

就像这样将正则表达式添加到正则表达式中

＆＃13;

{
  "begin": "\\G",
  "end": "(?i:(?=/?>|type(?=[\\s=])(?!\\s*=\\s*('|\"|)(text/(javascript|ecmascript|babel|paperscript)|application/((x-)?javascript|ecmascript|babel|paperscript)|module)[\\s\"'>])))",
  "name": "meta.tag.metadata.script.html",
  "patterns": [
    {
      "include": "#tag-stuff"
    }
  ]
},

＆＃13;

保存html.json并重新启动VSCode，你应该好好去。

我已在https://github.com/textmate/html.tmbundle/issues处提出了一项请求，默认情况下将其包括在内

Answer 2

由于您的编辑器无法识别text/paperscript MIMEtype，因此它不知道要应用于哪种语法高亮显示。

为了避免这种情况，最好的办法是将您的说明书代码存储在一个带有.js扩展名的单独文件中。然后你的编辑器会自动应用正确的JS语法高亮显示。

<强>的index.html

<script type="text/paperscript" canvas="myCanvas" src="index.js"></script>

index.js

// exactly the same code you had inline before
for (var x = 0; x < 1000; x += 100) {

    for (var y = 0; y < 1000; y += 100) {

        var myCircle = new Path.Circle(new Point(x, y), 10);
        myCircle.fillColor = 'purple';

    }
}

Answer 3

还没有发现问题已得到解决，因此还必须自己手动解决。

由于他们使用特定于用户的安装，因此他们只是想提出一种在Windows 10上快速修复此问题的方法。

现在正在搜索的目录很难找到。您正在寻找C:\Users\{user name here}\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\html\syntaxes\，然后将该文件命名为html.tmLanguage.json。否则，解决方案仍然相似，请搜索javascript的第一个实例，并在正则表达式中包含paperscript。对我来说，我发现了这条长长的线。

"end": "(?ix:\n\t\t\t\t\t\t\t\t\t\t\t\t(?=>\t\t\t\t\t\t\t\t\t\t\t# Tag without type attribute\n\t\t\t\t\t\t\t\t\t\t\t\t  | type(?=[\\s=])\n\t\t\t\t\t\t\t\t\t\t\t\t  \t(?!\\s*=\\s*\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t''\t\t\t\t\t\t\t\t# Empty\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | \"\"\t\t\t\t\t\t\t\t\t#   Values\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | ('|\"|)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext/\t\t\t\t\t\t\t# Text mime-types\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjavascript(1\\.[0-5])?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | x-javascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | jscript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | livescript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | (x-)?ecmascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | babel\t\t\t\t\t\t# Javascript variant currently\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t#   recognized as such\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | application/\t\t\t\t\t# Application mime-types\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(x-)?javascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | (x-)?ecmascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | module\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[\\s\"'>]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t)",

并将其更改为这一行

"end": "(?ix:\n\t\t\t\t\t\t\t\t\t\t\t\t(?=>\t\t\t\t\t\t\t\t\t\t\t# Tag without type attribute\n\t\t\t\t\t\t\t\t\t\t\t\t  | type(?=[\\s=])\n\t\t\t\t\t\t\t\t\t\t\t\t  \t(?!\\s*=\\s*\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t''\t\t\t\t\t\t\t\t# Empty\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | \"\"\t\t\t\t\t\t\t\t\t#   Values\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | ('|\"|)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext/\t\t\t\t\t\t\t# Text mime-types\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjavascript(1\\.[0-5])?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | x-javascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | jscript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | livescript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | (x-)?ecmascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | babel\t\t\t\t\t\t# Javascript variant currently\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t#   recognized as such\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t       | paperscript\t\t\t\t\t\t# Javascript variant currently\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t#   recognized as such\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | application/\t\t\t\t\t# Application mime-types\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(x-)?javascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | (x-)?ecmascript\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  | module\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[\\s\"'>]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t)",

我建议在阅读文档时打开换行符，并尽可能添加| paperscript。 Microsoft VS Code似乎未添加对此mimetype的任何支持，但是当您要在HTML本身中使用paperscript语法时，这是解决该问题的一种快速而肮脏的方法。

Answer 4

找到相关路径有些棘手，因此对于新用户来说，这是解决方案：

已安装的VS的标准路径是：

C:\Users\yourusername -> then you need to enter AppData, as default you can't see the folder so you need to go to the windows ribbon and click view -> show hidden.

然后，您可以轻松地走到下一个路径：

C:\Users\yourusername\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\html\syntaxes\html.tmLanguage.json

与您一起打开vs，并搜索第一个javascript外观。将其复制到右侧（在它们之间带有|）并将其从x-javascript更改为paperscript。

它应该可以帮助您解决问题。

Visual Studio代码：Paperscript

4 个答案: