详解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 Ajax 全解析
Feb 08 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
js判断变量是否未定义的代码
Mar 28 Javascript
深入document.write()与HTML4.01的非成对标签的详解
May 08 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 Javascript
JavaScript中的异常捕捉介绍
Dec 31 Javascript
ionic3 懒加载
Aug 16 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
js脚本中执行java后台代码方法解析
Oct 11 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
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
模仿OSO的论坛(一)
2006/10/09 PHP
php in_array 函数使用说明与in_array需要注意的地方说明
2010/04/13 PHP
PHP 第二节 数据类型之数值型
2012/04/28 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
[01:46]新英雄登场
2019/09/10 DOTA
如何在Python函数执行前后增加额外的行为
2016/10/20 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
python随机数分布random均匀分布实例
2019/11/27 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
道路建设实施方案
2014/03/18 职场文书
学校师德承诺书
2014/05/23 职场文书
篮球赛口号
2014/06/18 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
背起爸爸上学观后感
2015/06/08 职场文书
学雷锋活动简报
2015/07/20 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书