详解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 相关文章推荐
javascript 按键事件(兼容各浏览器)
Dec 20 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
Mar 11 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
angular4强制刷新视图的方法
Oct 09 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
Echarts实现单条折线可拖拽效果
Dec 19 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
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
Yii2-GridView 中让关联字段带搜索和排序功能示例
2017/01/21 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
常用js字符串判断方法整理
2013/10/18 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
Javascript编写俄罗斯方块思路及实例
2015/07/07 Javascript
《JavaScript函数式编程》读后感
2015/08/07 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
JavaScript基础心法 数据类型
2018/03/05 Javascript
微信小程序实现商品属性联动选择
2019/02/15 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
python模块smtplib学习
2018/05/22 Python
python视频按帧截取图片工具
2019/07/23 Python
python读取word 中指定位置的表格及表格数据
2019/10/23 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
PyCharm最新激活码(2020/10/27全网最新)
2020/10/27 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
公司庆典活动邀请函
2014/01/09 职场文书
公司年会演讲稿范文
2014/01/11 职场文书
博士生导师推荐信
2014/07/08 职场文书
《确定位置》教学反思
2016/02/18 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA
python manim实现排序算法动画示例
2022/08/14 Python