WebStorm常用配置及快捷键

版权声明：本文为博主原创文章，未经博主允许不得转载。转载请注明出处：https://blog.csdn.net/weixin_44222492/article/details/98726429 。

一、WebStorm常用配置

WebStorm汉化包······>WebStorm汉化包及使用教程下载地址

1. 如何更改主题与字体

  （1）更改主题：file（文件）······>setting（设置）······>editor（编辑器）······>切换配色方案······>scheme（方案）······>选择你的主题( darcula)

① 找到并单击工具栏【文件】下的【设置】（或者也可以用快捷键Ctrl+Alt+S）

② 在设置面板的【编辑器】选项中找到【切换配色方案】，并在【方案】中选择主题，并单击【确定】或【应用】

  （2）更改字体：file（文件）······>setting（设置）······>editor（编辑器）······>font······>选择字体、字号、行间距

① 找到并单击工具栏【文件】下的【设置】（或者也可以用快捷键Ctrl+Alt+S）
② 在设置面板的【font】选项中选择字体、字号、行间距，并单击【确定】或【应用】

2. 如何让webstorm启动的时候不打开工程文件

  file（文件）······>settings（设置）······>Appearance&Behavior（外观/行为）······ >System settings（系统设置）······>去掉reopen last project on startup (在启动的时候总是打开最后的工程)

在设置面板的【外观&行为】选项中找到【系统设置】，并在系统设置中取消选择【Reopen last project on startupreopen last project on startup】，并单击【确定】或【应用】

3. 如何完美显示中文

  file->settings->appearance中勾选override default fonts by (not recommended)，设置name:NsimSum, Size:12
  (appearance外观选项，选中“重写默认字体”，设置名字为NsimSum,它是windows下的宋体字，字号12)。这里设置的是整个IDE显示的文字，包括菜单列表的字。你可以试着把它改成英文，那样再在菜单项中看，中文有的会不正常显示，变成小方块了。

4. 如何显示行号

在代码显示区的左边右击选择“show line number”（【显示行号】）。

5. 如何代码自动换行

在代码显示区的左边右击选择【自动换行】。
上钩，代码就自动换行了。

二、webstorm快捷键

1. 自动补全：Tab（需要安装Emmet插件）······>Emmet语法介绍

Emmet插件安装过程

2. 复制当前行：Ctrl+D

3. 删除当前行：Ctrl+Y

4. 撤销：Ctrl+Z

5. 注释当前行|取消注释：Ctrl+/

① 单行注释

② 多行注释

6. 注释多行|取消注释：Ctrl+Shift+/

7. 同时编辑：alt+鼠标点击需要编辑的位置