是否可以在 Visual Studio 2017 中编辑 vuejs 的 *.vue 组件文件，并支持 HTML、TypeScript 和 SCSS 的突出显示和智能感知？
目前，我将不同的部分分成不同的文件：
<!-- my-component.vue opened in HTML editor -->
<template>
<div> text </div>
</template>
<script src="./path/to/my-component.ts"></script>
<style src="./path/to/my-component.scss"></style>
【问题讨论】：
标签： vue.js vuejs2 visual-studio-2017
目前的答案是否定的。 HTML 编辑器可以识别某些可以托管的语言，例如 CSS、JavaScript 和 Razor (ASP.NET)。在这些情况下，编辑器会做一些花哨的事情来将文本部分映射到每种语言服务。但是，TypeScript 和 SCSS 目前不支持该功能，据我所知，这两个团队都没有积压。
请使用 VS 反馈工具提出此要求。由于 vuejs 支持这一点，它具有一定的分量，并且可能会在未来的功能规划中被考虑在内。客户报告有时比我的更重要。
（完全披露：我在拥有 VS 中的 HTML 和 SCSS 编辑器的团队工作。我们不拥有 TypeScript，但我们与团队合作处理此类事情。）
【讨论】：
我使用 django 模板扩展在 vs 代码中打开它。它似乎有效，我知道它是一种不同的语言，但它适用于 linting 和自动格式化
【讨论】：
我遇到了同样的困难，我最终使用 Visual Studio Code 编辑器来处理 Vue 文件并安装了这个名为 Vetur 的插件：https://github.com/vuejs/vetur
您可以通过在 Visual Studio Code 侧边菜单上搜索扩展来安装它。
【讨论】：
Visual Studio 有一个名为 VuePack 的 Vue 插件，它将为位于此处的单页 vue 文件“*.vue”提供更好的开发体验：https://marketplace.visualstudio.com/items?itemName=MadsKristensen.VuejsPack-18329
【讨论】：
一段时间后，我实际上已经在 Visual Studio 2017 中设置了所有内容。（除了 scss 之外的所有内容）
这是我所做的：
安装vue-cli
安装VuePack - https://marketplace.visualstudio.com/items?itemName=MadsKristensen.VuejsPack-18329
在命令提示符下运行这一行：
dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
在命令提示符下，转到要创建应用程序的目录并运行：
dotnet new vue
npm install
这将为您创建项目。您现在可以在 Visual Studio 2017 中打开项目/添加项目。
但是编译器无法识别.vue 文件。我不得不再添加一个手动步骤：
在应用的根目录下有个文件webpack.config.js，查找module => rules，需要添加新的规则：
{
test: /\.vue$/,
include: /ClientApp/,
loader: 'vue-loader',
options: {
loaders: {
js: 'awesome-typescript-loader?silent=true'
}
}
},
在此之后我遇到了一些 TypeScript 编译错误 - 应用程序会卡在 Loading... 上 - 要解决这个问题，您需要编辑 tsconfig.json - 添加以下内容：
"awesomeTypescriptLoaderOptions": {
"useWebpackText": true,
"useCache": true,
"useTranspileModule": true
}
在此之后，我运行该项目没有问题。
其他可以帮助您的有趣资源：
http://www.dotnetcurry.com/aspnet/1383/modern-web-dev-aspnet-core-webpack-vuejs
【讨论】：
Microsoft 现在声称 Visual Studio 2017 支持 .vue 文件中的 Typescript：https://developercommunity.visualstudio.com/idea/351510/support-vue-file-intellisense-in-visual-studio.html
确实，我尝试过，并且（在重新加载一些文件后）html 代码和 Typescript 的语法突出显示以及智能感知工作正常。仍在尝试弄清楚如何说服编译器生成 .js 文件...
【讨论】：