Webstorm 新建.vue文件支持高亮vue语法和es6语法

本文主要介绍了Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法，非常具有实用价值，需要的朋友可以参考下，希望能帮助到大家。

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法，分享给大家，具体如下：

添加新建.vue文件功能

①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories

②点击安装vue.js

③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容

④点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成。

高亮vue的语法和ES6支持

①高亮vue的语法Setting-File Types 选中html 点击下面的加号添加*.vue 点击Apply 返回就可以看到webstorm 识别.vue文件中的语法

②ES6支持：JavaScript选择es6

补充：看到有人说直接在

Artikel terbaru oleh pengarang

• 最新php程序员工具箱 v1.0版本介绍
  1970-01-01 08:00:00
• vue-cli 自定义指令directive 添加验证滑块详解
  1970-01-01 08:00:00
• PHP之IMAP收取邮件实例详解
  2023-03-19 18:36:02
• Redis常见的使用场景分享
  2023-03-21 07:36:01
• JS 数字和字符串之间相互转化详解
  1970-01-01 08:00:00
• Dreamweaver网页中添加电子邮箱链接的实例分享
  1970-01-01 08:00:00
• Vue filter介绍及其使用
  1970-01-01 08:00:00
• php基础知识笔记分享
  2023-03-20 14:32:01
• 微信小程序文件类API详解
  1970-01-01 08:00:00
• JS实现的ajax和同源策略详解
  1970-01-01 08:00:00

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

3

2052

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

11

2206

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

1862

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

1749

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1772

Topik-topik yang berkaitan

Lagi>

• Bagaimana untuk membesarkan ribut web
• Bagaimana untuk menyelesaikan ranap ribut web
• Mengapa webstorm tidak boleh menjalankan fail
• webstorm melaraskan saiz fon
• Cara membuat html dengan webstorm
• Bagaimana untuk mencipta folder baharu dalam webstorm
• Kaedah projek permulaan Webstorm
• webstorm ditukar kepada versi Cina