jetBrains phpstorm/webstorm 编辑器使用诀窍

时间:2022-02-13 07:11:31

下载地址

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

无法热编译的问题

jetBrains phpstorm/webstorm 编辑器使用诀窍

美化界面:

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

jetBrains phpstorm/webstorm 编辑器使用诀窍

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

jetBrains phpstorm/webstorm 编辑器使用诀窍

字体美化

头部工具栏-》file-》Settings

jetBrains phpstorm/webstorm 编辑器使用诀窍

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

Size:15  Line Spacing:1.4

 

自定义代码段 LIVE TEMPLATE

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

jetBrains phpstorm/webstorm 编辑器使用诀窍

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

jetBrains phpstorm/webstorm 编辑器使用诀窍

jetBrains phpstorm/webstorm 编辑器使用诀窍

插件

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

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

但是都不是官方的。

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

 
 
让WebStorm 支持es2015的语法
 
jetBrains phpstorm/webstorm 编辑器使用诀窍