webstorm for mac的一些设置和插件

深碍√TFBOYSˉ_ 2022-10-10 09:46 10阅读 0赞

### 文章目录 ###

*  模板编辑
 *  快捷键
 *   *  多行编辑
     *  标签页位置移动
     *  标签页视图分割及移动
     *  标签页切换

# 模板编辑 #

`preference>file and code templates`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70_pic_center]

<!DOCTYPE html>
    <html lang="en">
    <head> 
      <meta charset="UTF-8">
      <title>${NAME}</title>
    </head>
    <body>
    <script></script>  
    </body>
    </html>

*  $\{DATE\} 系统日期
 *  $\{TIME\} 系统时间
 *  $\{NAME\} 创建文件的名称
 *  $\{PROJECT\_NAME\} 当前打开根目录文件的名称  
    [更多官网参数][Link 1]

# 快捷键 #

## 多行编辑 ##

VS 的多行编辑直接`option+command+up/downarrow`就可以用webstorm要自己设置  
`preference>clone caret above/below`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70]

## 标签页位置移动 ##

[TabMover][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70 1]

## 标签页视图分割及移动 ##

[TabShifter][]  
这个功能是`preference>split vertically/horizontal`的扩展，不需要那么多功能可以直接设置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70_pic_center 1]

## 标签页切换 ##

`control+tab`  
其实这个才是最初需要的方法，就是VScode里面`command+option+←/→`的方法

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70_pic_center]: /images/20221005/e9d57122a6b743b4b3a87d3c3964f2e4.png
[Link 1]: https://www.jetbrains.com/help/webstorm/settings-file-and-code-templates.html#controls
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70]: /images/20221005/06cf314a73e14bd0a32d3fd981f74d7e.png
[TabMover]: https://plugins.jetbrains.com/plugin/10131-tabmover
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70 1]: /images/20221005/95ed40b8a71743eda1066b4f655ca313.png
[TabShifter]: https://plugins.jetbrains.com/plugin/7475-tab-shifter
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221005/4ecb8e5ff8a74e139c5a181fbf512704.png