vscode 优雅地开发纯 nvue 项目

自身原因

已经用 vscode 开发习惯了，原本对于 vue 的开发 Vetur 等插件可以很好的支持，将 nvue 文件直接关联 vue 并不理想，script 标签添加 lang="js" 可以去除下划线，但是 script 部分就没办法代码格式化（有可能只是我没找到办法）

想法

反正 nvue 和 vue 内容格式一模一样，只是我这 vscode 支持不好，那直接按 vue 开发，文件保存时复制一份 nvue 文件，反正打包时 vue 文件也不会打包进去，简单粗暴？

做法

1. 安装 vscode 插件 File Watcher
2. 项目根目录 .vscode/settings.json（没有新建）中配置如下（没有别的需求可以直接使用此配置）：

   {  
    "filewatcher.commands": [  
      {  
        "match": "\\.vue$", //匹配vue文件  
        "isAsync": true, //异步处理  
        "cmd": "cp -f ${file} ${fileDirname}/${fileBasenameNoExt}.nvue", //复制覆盖替换文件  
        "event": "onFileChange" //保存时触发  
      }  
    ]  
   }