最近开始尝试使用 nvue 开发，按普通 vue 开发的套路配好各种工具之后，发现有部分插件可能是依赖于 .vue 的后缀名判断，导致 .nvue 文件有部分一些奇奇怪怪的问题。试用了一下 HBuilderX 发现不是很习惯，还是希望继续用 VSCode。所以过来看看大家有没有什么 workaround
例如 eslint-plugin-vue 会在 vue sfc 的顶级 tag 的末端报 clear eslint(vue/comment-directive)
<template>
<view class="content">
<textarea class="report-display"
v-model="reportData"
readonly></textarea>
<button class="back-btn"
type="default"
@click="back">Back to Homepage</button>
</view>
</template>又例如，vetur 官方明确表示不支持 files.associations 自定义文件后缀。一轮搜索之下，发现设置 { "*.nvue": "html" } 可以勉强解决，但是绕开了 vetur，把 *.nvue 当普通 html 处理。
https://github.com/vuejs/vetur/issues/2573
其实个人目前用下来感觉 nvue 与 vue sfc 语法无异，建议可以增加某种方式在不改变后缀名的前提下指定 nvue 渲染，应该可以更加无痛地复用 vue 的生态？例如文件行首注释、配置文件之类的
7 个回复
kdb
顶 我也觉得可以用条件编译等方式寻求解决 而不是写 nvue 文件
天字第一号 - 1146918232@qq.com
同样遇到这个问题,求解决
[已删除]
承接H5、小程序、APP等外包：
放飞的风筝
可以将js或css部分通过外部文件引入, 可以解决 报错的问题
2***@qq.com - 闻道者朝生夕死
大佬找到解决方案了没，求分享，查很久时间了
Kytrun
我觉得可以用 .n.vue 的后缀，既方便除 HBuilderX 之外的编辑器和 Git 项目语言/高亮的识别，又可以很好地区分
DCloud_heavensoft
nvue是App开发才有的，app开发的真机运行、调试、打包，都在HBuilderX里。
HBuilderX也有vscode快捷键配置方案，差别没有很大，vscode里很多插件也是兼容的。