详解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 相关文章推荐
jquery学习笔记二 实现可编辑的表格
Apr 09 Javascript
javascript 构造函数强制调用经验总结
Dec 02 Javascript
使用jQuery操作HTML的table表格的实例解析
Mar 13 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
webpack 开发和生产并行设置的方法
Nov 08 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 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使用内置函数file_put_contents写入文件及追加内容的方法
2015/12/07 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
js 目录列举函数
2008/11/06 Javascript
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
2012/01/12 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
一个JavaScript用逗号分割字符串实例
2014/09/22 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
2015/11/09 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
在Vant的基础上封装下拉日期控件的代码示例
2018/12/05 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
详解Python if-elif-else知识点
2018/06/11 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形
2014/06/23 HTML / CSS
HTML5 manifest离线缓存的示例代码
2018/08/08 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
Under Armour安德玛意大利官网:美国高端运动科技品牌
2020/01/16 全球购物
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
暑期学习心得体会
2014/09/02 职场文书
培训学校2015年度工作总结
2015/07/20 职场文书
副校长2015年教育教学工作总结
2015/07/27 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书