使用WebStrom优雅的开发nvue

使用uni-app开发nvue页面或纯nvue项目时，在HBuilderX确实可以完美适配，但是也有很多同学会使用VSCode或WebStorm。

关于VSCode中如何优雅开发nvue，请参见这篇文章：vscode 优雅地开发纯 nvue 项目 – DCloud问答。

我参考上述文章中作者的方法，研究出了在WebStorm中如何使用类似的方法。（暂只研究了macOS中的用法）

1. 安装File Watcher插件（一般都已经默认安装了，直接跳到第2步）

   两种方式：

   • 直接打开这个链接：File Watchers – IntelliJ IDEs Plugin | Marketplace (jetbrains.com)，点击 Get。

   • 打开 偏好设置 – 插件 – Marketplace，搜索 file watchers，点击 安装。

   

2. 安装后，再次打开偏好设置，在左上角搜索框中输入 file watchers，点击右侧区域中的加号，选择 <custom>。

   

3. 在弹出窗口中，按下图操作：

   

   其中，有两个需要注意的地方：

   程序：填写复制命令的路径，/bin/cp。

   参数：填写复制命令执行时的参数，-f $FilePath$ $FileDir$/$FileNameWithoutExtension$.nvue。