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


Posted in Javascript onOctober 26, 2017

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

添加新建.vue文件功能

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

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

②点击安装vue.js

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

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

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

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

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

高亮vue的语法和ES6支持

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

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

②ES6支持:JavaScript选择es6

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

补充:看到有人说直接在<script>标签中添加type="text/ecmascript-6"里面的代码也会高亮并支持ES6。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS对img标签进行优化使用onerror显示默认图像
Apr 24 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
Jun 11 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
js注册时输入合法性验证方法
Oct 21 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
微信小程序tabBar 返回tabBar不刷新页面
Jul 25 Javascript
原生js实现日历效果
Mar 02 Javascript
vue项目中使用多选框的实例代码
Jul 22 Javascript
Node.js中环境变量process.env的一些事详解
Oct 26 #Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 #Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 #Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 #Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 #Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 #Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 #Javascript
You might like
用js进行url编码后用php反解以及用php实现js的escape功能函数总结
2010/02/08 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
php远程下载类分享
2016/04/13 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
使用JavaScript库还是自己写代码?
2010/01/28 Javascript
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
[19:24]DOTA2客户端使用指南 一分钟快速设置轻松超神
2013/09/24 DOTA
[02:07]2018DOTA2亚洲邀请赛主赛事第三日五佳镜头 fy极限反杀
2018/04/06 DOTA
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
对python调用RPC接口的实例详解
2019/01/03 Python
python把1变成01的步骤总结
2019/02/27 Python
tensorflow 实现数据类型转换
2020/02/17 Python
python能做哪方面的工作
2020/06/15 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
什么是servlet
2012/05/08 面试题
精彩自我鉴定
2014/01/16 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
工作散漫检讨书
2014/09/16 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
教师节倡议书2015
2015/04/27 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers