Visual studio code Visual Studio代码：Paperscript

（对不起，我的英语水平很差）你知道有什么文字或东西可以给纸质脚本代码上色吗

---

因为您的编辑器无法识别

文本/paperscript

MIMEtype，所以它不知道要对其应用什么语法突出显示

为了避免这种情况，最好将paperscript代码存储在扩展名为

.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';

    }
}

//与以前内联的代码完全相同
对于（变量x=0；x<1000；x+=100）{
对于（变量y=0；y<1000；y+=100）{
var myCircle=新路径圆（新点（x，y），10）；
myCircle.fillColor='purple'；
}
}

此处提出了一个类似的问题，即文本/babel：

您需要做的是找到默认的VSCode

html.json

文件并进行小的编辑

在Windows上是这样的：

C:\ProgramFiles（x86）\Microsoft VS code\resources\app\extensions\html\syntaxes\html.json

在Mac上，您必须在应用程序文件夹中找到VSCode应用程序，右键单击“显示软件包内容”并导航到

/contents/Resources/app/extensions/html/syntax/html.json

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

javascript

）

{
“开始”：“\\G”，
“结束：”（？i:（？=/？>）（type（？=[\\s=]）（？！\\s*=\\s*（'\\'”）（text/（javascript | ecmascript | babel）| application/（（x-）？javascript | ecmascript | babel）|模块[\\s\'>））”，
“名称”：“meta.tag.metadata.script.html”，
“模式”：[
{
“包括”：“#标记内容”
}
]
}，

还没有发现问题已经解决，还必须自己手动解决

我只是想提出一种方法，在Windows10上快速解决这个问题，因为他们使用的是特定于用户的安装

您现在搜索的目录更难找到。您正在查找

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语法时，这是一种快速而肮脏的解决方法。

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

已安装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，但它对我不起作用，如果您知道的话，您能指出另一种方法吗？