详解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实现的动态文字变换
Jul 28 Javascript
学习javascript,实现插入排序实现代码
Jul 31 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
JavaScript中json使用自己总结
Aug 13 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
js表单提交和submit提交的区别实例分析
Dec 10 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
vue2.0 实现导航守卫(路由守卫)
May 21 Javascript
在Vuex中Mutations修改状态操作
Jul 24 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数组的概述及分类与声明代码演示
2013/02/26 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
PHP中函数gzuncompress无法使用的解决方法
2017/03/02 PHP
PHP设计模式之适配器模式定义与用法详解
2018/04/03 PHP
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
jQuery语法总结和注意事项小结
2012/11/11 Javascript
ECMAScript 创建自己的js类库
2012/11/22 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
JavaScript 五大常见函数
2018/03/23 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
Vue 按键修饰符处理事件的方法
2018/05/04 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
小程序自定义圆形进度条
2020/11/17 Javascript
[01:08:24]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第一场 2月5日
2021/03/11 DOTA
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
Python操作SQLite数据库的方法详解【导入,创建,游标,增删改查等】
2017/07/11 Python
Python新手学习函数默认参数设置
2020/06/03 Python
新书吧创业计划书
2014/01/31 职场文书
家长会演讲稿
2014/04/26 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
红色经典电影观后感
2015/06/18 职场文书
工作感言一句话
2015/08/01 职场文书
nginx限制并发连接请求数的方法
2021/04/01 Servers
Java的Object类的九种方法
2022/04/13 Java/Android