详解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实现des解密加密全过程
Apr 03 Javascript
node.js中的path.resolve方法使用说明
Dec 08 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
bootstrap css样式之表单
Jan 19 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
Vue 中 a标签上href无法跳转的解决方式
Nov 12 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
vue实现自定义多选按钮
Jul 16 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编程与应用
2006/10/09 PHP
?算你??的 PHP 程式大小
2006/12/06 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
PHP中常用的魔术方法
2017/04/28 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
短信提示使用 特效
2007/01/19 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
Javascript实现字数统计
2015/07/03 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
electron踩坑之dialog中的callback解决
2020/10/06 Javascript
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
Python的Django框架中使用SQLAlchemy操作数据库的教程
2016/06/02 Python
python中import reload __import__的区别详解
2017/10/16 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
Python常用GUI框架原理解析汇总
2020/12/07 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
求职信的要素有哪些呢
2013/12/26 职场文书
创新型城市实施方案
2014/03/06 职场文书
应聘编辑自荐信范文
2014/03/12 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
入伍通知书
2015/04/23 职场文书
学校教师培训工作总结
2015/10/14 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
python语言中pandas字符串分割str.split()函数
2022/08/05 Python