下载地址

https://www.jetbrains.com/products.html?fromMenu

主题/皮肤切换或下载：https://blog.csdn.net/smallxiannotimmortal/article/details/78538510

CTRL + F12 / COMMAND + F12 打开类中的结构

Ctrl + b / command + b 跳转到父类中（光标需要放置在类名上，如extend、implements指定的类名）

ALT + CTRL + S / command + ， 打开设置总窗口

alt + 1/command + 1 关闭左侧菜单栏

ctrl + E / command + E 查看最近操作的文件列表

ctrl + shift + a / command + shift + a 打开配置搜索框

取消自动保存

http://jingyan.baidu.com/article/59a015e3437364f794886517.html

无法热编译的问题

美化界面：

1、头部工具栏-》view-》关闭所有bar

2、隐藏所有的tab。学习并且习惯使用ctrl + E / command + E 来切换文件浏览。如果不喜欢，可以使用ctrl + shift + a / command + shift + a 打开配置搜索框，输入tabs来重新开启

字体美化

头部工具栏-》file-》Settings

选择 Monokai 风格，之后点击Save As 就可以开始编辑了

Size:15  Line Spacing:1.4

 

自定义代码段 LIVE TEMPLATE

ctrl + shift + a / command + shift + a 打开配置搜索框  搜索live template 选择

点击右上角的 + 添加一个template或者一个gulp

插件

setting --> plugins 就可以咯
command + , 打开偏好设置，选择plugins,，点击下方的browse repositories...

在打开窗口的搜索栏里打"vue"。 有两个插件

但是都不是官方的。

如果想要高亮显示*.vue文件，可以在Preferences > Editor >File Types 选项里找到HTML，然后在下方手动添加*.vue，这样就有高亮啦。

 
 
让WebStorm 支持es2015的语法
 

 

jetBrains phpstorm/webstorm 编辑器使用诀窍的更多相关文章

  1. intellij jetBrains phpstorm/webstorm/IDEA 编辑器使用诀窍

    下载地址 https://www.jetbrains.com/products.html?fromMenu 主题/皮肤切换或下载:https://blog.csdn.net/smallxiannoti ...

  2. 快速激活JetBrains PhpStorm WebStorm系列产品

    从官方网站下载正版PhpStorm 安装后,注册时选择“License server” 输入“http://idea.lanyus.com/” (不带双引号,后面的斜杠要带上) 完成 恭喜你 激活Je ...

  3. phpstorm webstorm编辑器正则替换 类名，方法名替换

    首先勾选Match Case 和 Regex 正则规则:无须添加//左右分解符,直接写正则表达式,注意应该转义的部分,需要原封不动替换的部分加上括号 替换规则:正常书写正则,要继承下来的字符使用$1. ...

  4. PHPStorm/webstorm tips

    phpstorm对于使用PHP开发web的人员来说,是一个非常不错的编辑开发IDE,以前用过sublime,但是相比于storm,sublime在浏览legacy代码,类代码编辑方面明显要逊色不少.同 ...

  5. PHPStorm/webstorm/PyCharm tips

    phpstorm对于使用PHP开发web的人员来说,是一个非常不错的编辑开发IDE,以前用过sublime,但是相比于storm,sublime在浏览legacy代码,类代码编辑方面明显要逊色不少.同 ...

  6. Jetbrains phpstorm pycharm 免费授权注册码

    通过授权服务器授权 jetbrains是一家专门做IDE的软件公司,软件也非常好用,但是授权特别贵,下面就说说免费的方式,就是使用授权服务器,地址:http://idea.qinxi1992.cn 自 ...

  7. mac下载、破解、安装webstorm编辑器

    1.进入webstorm官网 http://www.jetbrains.com/webstorm/,点击DOWNLOAD,开始下载webstorm安装包. untitled.png 2.开始安装 双击 ...

  8. PHPStorm等编辑器debug调试（包括使用postman、soapUI）

    很多人在开发的时候,需要进行断点调试,但是很多人配置了很多,还是调试不了,其实是不需要这么麻烦的. 注意:PHPStorm等编辑器debug的配置不用进行任何配置,默认配置就好 实质上,断点调试的时候 ...

  9. intellij idea pycharm phpstorm webstorm 这些编辑器像 sublime text 一样使用 ctrl d 来操作光标多选。

    在Windows 和 Linux 快捷键是 Alt+J,在 Mac OS X 系统下快捷键是 Ctrl+G . 参考 https://blog.jetbrains.com/phpstorm/2014/ ...

随机推荐

  1. Android Manifest 权限描述大全

    权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permis ...

  2. 常用meta标签举例说明

    本文是作者从百度百科和其他从网页中搜索到的资料,经综合整理,把常用meta标签列举并示例说明,仅供参考. 1.<meta charset="UTF-8"> --- ch ...

  3. XSS 跨站脚本攻击之构造剖析(二)

    1.利用字符编码 (1)字符编码在跨站脚本中经常运用到,透过这种技巧,不仅能让XSS代码绕过服务端的过滤,还能更好的隐藏ShellCode (2)使用一个XSS编码工具,以便对字符串进行十进制和十六进 ...

  4. js兼容方法：获取当前样式|计算后样式 getStyle

    function getStyle(obj,attr){ if(obj.currentStyle){ //for IE return obj.currentStyle[attr]; }else{ re ...

  5. Mac 自带 apache

    1.启动服务器 sudo apachectl start http://localhost   能访问就ok sudo apachectl stop sudo apachectl restart ht ...

  6. JSON字符串和对象之间的转换

    JSON(JavaScript Object Notation) 是JavaScript编程语言的一个子集.正因JSON是JavaScript的一个子集,所以它可清晰的运用于此语言中. eval函数 ...

  7. figure元素

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. Optimizing Performance: Data Binding(zz)

    Optimizing Performance: Data Binding .NET Framework 4.5 Other Versions   Windows Presentation Founda ...

  9. ural 1342. Enterprise

    1342. Enterprise Time limit: 5.0 secondMemory limit: 64 MB To bind a broom it’s a hard work. As ther ...

  10. 关于Div的宽度与高度的100%设定

    http://www.cnblogs.com/clare-zhang/archive/2011/08/26/2154220.html 正像你所知道的那样,设置DIV大小的有两个属性width和heig ...