WebStorm 2018.2.3 x64 安装VUE插件,和配置VUE模板

一、安装VUE插件

Settings ->  Plugins ->

点击 Browse Repositories,浏览插件仓库,搜索VUE.js插件进行安装。

WebStorm 2018.2.3 x64 安装VUE插件,和配置VUE模板_第1张图片

WebStorm 2018.2.3 x64 安装VUE插件,和配置VUE模板_第2张图片

安装完后如下图所示。 

WebStorm 2018.2.3 x64 安装VUE插件,和配置VUE模板_第3张图片

 

二、配置VUE模板

Settings->Editor-> 选择 File and Code Templates,即文件模板配置。

WebStorm 2018.2.3 x64 安装VUE插件,和配置VUE模板_第4张图片

然后点击添加模板的按钮(绿色加号按钮),输入模板名Vue,Extension(即拓展名) 设为vue(意为创建出来的文件是 *.vue),输入Vue标准模板,即:





 WebStorm 2018.2.3 x64 安装VUE插件,和配置VUE模板_第5张图片

点击Apply 或 OK 即可保存模板,下一次创建Vue文件时,不需要新建file, 而可以直接新建VUE文件。

 

 

你可能感兴趣的:(WebStorm)