Webstorm创建Vue file.vue模板

在Webstorm低版本识别不了带.vue的文件，这时候需要手动设置。

步骤如下：

找到 Webstorm 的菜单栏，点击WebStorm选项，在WebStorm的选项下又有一个子菜单栏，点击 Perferences

之后会弹出一个配置窗口，按如图操作即可。

完成上述操作之后，我们已经完成了文件的模板创建，接下来我们要为文件配置语法模板。这里我们用的是HTML的语法模板，请按如下图操作：

至此，我们算是完成了创建Vue File.vue的模板，不信大家可以右击创建文件，看看选项栏中是否出现Vue File.vue。