【发布时间】：2019-05-03 21:21:00
【问题描述】：
在我的公司，对于 Vue.js 的模板，我们在单独的 Blade 文件中编写组件。我遇到的问题是这些文件中没有突出显示 HTML 代码。整个 HTML 代码写在 script 标签内，语法如下：
<script type="x/templates" id="nameOfComponent">。
通过删除类型属性，突出显示开始正常工作。我搜索了一下，发现有不同的类型，但我从未见过像上面的那种（我看到的最接近的是text/x-template，并且突出显示可以使用它）。现在，由于不允许我更改这些类型的东西，我有几个问题（另外，我不得不提一下我是 JavaScript 和 PHP 的新手）：
- 如果这不是预定义类型，是否支持用户定义类型？
- 如果是这样，是否有任何 VS 代码扩展可以突出显示代码的 HTML 部分？
- 如果用户定义的类型不是正确的解决方案，哪一种对我来说是最好的解决方案？
【问题讨论】：
-
是的，那个 MIME 类型看起来无效。似乎开发人员弄错了，坚持该约定，如果您现在不允许更改它，这很糟糕。我也不确定将模板放在这样的脚本标签中比单文件组件有什么优势。
-
当您说“单文件”时，您的意思是将 JavaScript 和 HTML 代码放在同一个文件中？这是使用 Vue 的正确方法吗？让您充分利用它的方式？
-
您可以为 Vue 组件创建包含模板标记和 JavaScript 的 .vue 文件：vuejs.org/v2/guide/single-file-components.html
-
我现在明白了。正如我所说，这里我们将模板与 JS 分开，即使这可能不是最好的方式，我已经习惯了。我会建议更改 MIME 类型，最后它只是整个项目中的一个 find/replace，没什么特别的。
标签： laravel vue.js visual-studio-code laravel-blade