Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法

添加新建.vue文件功能

①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载点击serch in repositories

②点击安装vue.js

③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容

④点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成。

高亮vue的语法和ES6支持

①高亮vue的语法Setting-File Types 选中html 点击下面的加号添加*.vue 点击Apply 返回就可以看到webstorm 识别.vue文件中的语法

②ES6支持：JavaScript选择es6

补充：看到有人说直接在<script>标签中添加type="text/ecmascript-6"里面的代码也会高亮并支持ES6。

时间： 2024-08-09 06:58:16

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法的相关文章

webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法

本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标. 上阵子开始玩 Vuejs,在 Vue 中,可以 .vue 文件实现组件化,但各种编辑器都支持不好,作者也给sublime开发了相关的vue插件.我觉得用sublime就是在浪费生命啊,花那么多时间

win8.1右键新建菜单添加新建php文件

最近在学习php没使用IDE,一直使用编辑器,但每次新建文件都要手动该扩展名比较麻烦.于是想着能不能在右键新建菜单直接新建php文件.于是开始百度... 步骤一:win+R打开运行(管理员身份运行) 步骤二:找到.php扩展名注册的项在HKEY_CLASSES_ROOT项下ctrl+F查找.php的项,这个时候这个项下一般是没有东西的. 1.右键添加新建项ShellNew 2.在刚添加的ShellNew上右键添加字符串值NullFile,默认为空就好. 3.如果你按照百度搜的也是我这么来的那你

centos７图形界面中右键添加新建空白文件或文档

首先我们进入centos7桌面. 在桌面上右键“打开终端”. 在终端我们使用cd命令进入用户目录下的模板文件夹. cd ~/模板然后使用vi命令在模板文件夹里面创建一个空白文件. vi 空白文件接着会进入一个空白的文件编辑界面. 我们直接按Esc键:然后输入“:wq!”(不用引号)然后回车,就会保存文件. 现在我们回到桌面,在里面右键就会有新建空白文件了. 原文地址:https://www.cnblogs.com/lyh233/p/12273201.html

闲云控制台（二）查看文件功能，支持十六进制查看文件

命令处理区加入 int Look_File(pCommand b) { int _out_style = 1; int _line_number = 1; int _len_argu = strlen(b->Cmd_Arguments); while (--_len_argu >= 0) { switch (b->Cmd_Arguments[_len_argu]) { case 'x': _out_style = 16; break; case 'n': _line_number = 0

vue兼容ie10问题并且node——module中出现es6语法如何解决

一.首先进行安装babel-polyfill,如果你用yarn安装babel-polyfill的话需要yarn add babel-polyfill进行安装二.在babel.config.js中加入三.在ie浏览器中找到报错的文件,然后将文件加入其中原文地址:https://www.cnblogs.com/changhuanran/p/11193149.html

优雅地使用 VSCode 来编辑 vue 文件

javascript visual-studio-code vue.js 当然 vscode 对 vue 也不是原生支持的,今天来扒一扒如何配置 vscode 以便优雅地编辑 vue 文件先来扒一扒使用 PHPStorm 遇到的问题: vue文件虽然可以通过插件来解决高亮问题,但是 <script> 标签中的 ES6 代码的识别老是出问题,箭头函数有的时候能正确识别,有的时候会报错无法正确识别 vue 文件中的 jsx 语法无法正确识别和高亮 vue 文件 <style> 标

Eclipse中安装可以新建html文件的插件(Eclipse HTML Editor)

最近在eclipse中开发android项目,用到了jquery mobile框架,则会涉及到新建html文件,发现eclipse不自带新建html文件的插件,必须得新建一个其他形式的文件,譬如xml格式的文件,然后重命名,后缀名改成html,觉得这样老麻烦的,所以在网上发现了Eclipse HTML Editor,不过此插件似乎只支持新建html文件,不支持其格式化.网上看了其他一个html格式化的插件Eclipse Tidy,不过用了后,发现格式化后的html一点都不符合代码审读标准.也不知

Vue 去脚手架插件，自动加载vue文件，style怎么办

书接上上会,因为当时也没想好怎么办,所以装聋作哑的忽略了Vue文件中的Style,Vue的做法我看着晕乎乎的,细想的话,无非就是自动填写到dom中,所担心的无非是命名冲突. 在一个项目中(像我这种自娱自乐的项目中)加载的自定义组件是不会重名的(应该不会吧,反正就是让他不会的意思),那就每个Vue中加组件名做前缀,然后duang,写入dom. 规规矩矩的放在head里,齐活了更新一下我那个牛逼的文件 // vue插件引入 Vue.use({ // 插件初始化函数 install: functio

让webstorm支持新建.vue文件

1. 首先安装vue插件,安装方法: file-->setting --> plugin ,点击plugin,在内容部分的左侧输入框不用输入任何东西,直接点击下图中的按钮. 如下图所示: 2.再在下图中左侧输入框中输入vue,点击列表中的vue.js,右侧框中会出现一个绿色方框install,点击安装(我已经安装过了,所以没有出现),一直走下去就可以了.安装完成后,就可以看到,新建文件时,会有vue文件的提示.