WEBSTORM新建VUE类型文件设置

骑猪看日落 2023-06-01 03:21 1阅读 0赞

今天安装了Node.js,配置了vue需要的框架，发现原有的wenstorm新建文件的时候没有vue文件选项，因此，学习了一下webstorm如何配置创建vue文件

具体过程如下：

第一步，打开webstorm , 然后File-->settings-->plugin

![1002212-20180707165519442-89041014.png][]

第二步，Show 选择 All plugins，然后在搜索框中输入vue，这时候点击右下角的apply

![1002212-20180707165556492-617130833.png][]

第三步：打开file-->settings-->editor-->File and Code Templates 点击+ 号，Name为Vue File Extension为vue,然后点击ok

![1002212-20180707165649353-1961675838.png][]

第四步：重启webstorm

![1002212-20180707165730781-906649450.png][]

结果：

重启wenstorm之后，点击菜单栏的右键，新建的文件的时候可以看见Vue File的选项，这时候选择这个选项，就可以创建尾注为vue类型的文件了。

转载于:https://www.cnblogs.com/Jeely/p/11269776.html

[1002212-20180707165519442-89041014.png]: /images/20230601/ca2ee6f802ab4439bead494dedc625d1.png
[1002212-20180707165556492-617130833.png]: /images/20230601/abae2e4472c64e8a9148b7e1fd87a3ee.png
[1002212-20180707165649353-1961675838.png]: /images/20230601/c5c68f1e0aaf4b9ab998cffc4c1d34fc.png
[1002212-20180707165730781-906649450.png]: /images/20230601/3b514368a5514fd9a7abfd375c1b0ebb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 WebStorm文件类型关联设置

无意中创造了一个没有扩展名的文件，我选择了错误的文件类型关联。是js类型的，我却选成了文本，Ws每次编辑类型就成了txt文本，这个问题让我很苦恼，以下是我的解决方案。错选的

旧城等待，/ 2023年10月17日 20:46/ 0 赞/ 58 阅读

相关 WebStorm--软件设置

原文网址：[WebStorm--软件设置\_IT利刃出鞘的博客-CSDN博客][WebStorm--_IT_-CSDN] 简介下载地址：[Download WebSt

柔光的暖阳◎/ 2023年06月17日 05:57/ 0 赞/ 170 阅读

相关 WEBSTORM新建VUE类型文件设置

今天安装了Node.js,配置了vue需要的框架，发现原有的wenstorm新建文件的时候没有vue文件选项，因此，学习了一下webstorm如何配置创建vue文件具体过程

骑猪看日落/ 2023年06月01日 03:21/ 0 赞/ 2 阅读

相关 webstorm设置

1、webstorm默认双击文件名称才能在编辑器中打开文件 ![20200616154534332.png][] 点击project右侧的设置按钮，选中open files

逃离我推掉我的手/ 2023年02月18日 08:10/ 0 赞/ 222 阅读

相关 webstorm vue调试

调试编辑调试配置，新建JavaScript调试配置，并设置要访问的url，以及Remote url配置，如下图所示: ![20200518232008758.gif][

比眉伴天荒/ 2023年02月09日 13:17/ 0 赞/ 44 阅读

相关 WebStorm--项目设置

原文网址：[WebStorm--项目设置\_IT利刃出鞘的博客-CSDN博客][WebStorm--_IT_-CSDN] 库安装库 > File=> Setting

小灰灰/ 2022年12月10日 04:00/ 0 赞/ 380 阅读

相关让WebStorm支持.vue文件

1.VUE插件安装可以file-->setting （或者快捷键ctrl+alt+s），然后按照图中步骤操作。 ![Center][] 然后再在下图左侧输入框中

╰+攻爆jí腚メ/ 2022年06月12日 03:18/ 0 赞/ 226 阅读

相关 vue: WebStorm设置快速编译运行

WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。本文介绍设置Webstorm进行快速部署Vue项目

古城微笑少年丶/ 2022年06月10日 02:49/ 0 赞/ 237 阅读

相关让webstorm支持识别/新建.vue文件

[https://www.cnblogs.com/learnings/p/6285998.html][https_www.cnblogs.com_learnings_p_628

傷城~/ 2022年04月18日 05:18/ 0 赞/ 330 阅读

相关 mysql新建数据库视图设置字段类型

视图可以转换的类型是有限制的。这个类型可以是以下值其中的一个：二进制，同带binary前缀的效果 : BINARY 字符型，可带参数 : CHAR()

矫情吗；*/ 2021年12月11日 07:37/ 0 赞/ 835 阅读