如何设置webstorm以自动将分号添加到javascript函数，方法等

Posted 2021-04-29

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何设置webstorm以自动将分号添加到javascript函数，方法等相关的知识，希望对你有一定的参考价值。

当我写javascript时，我使用分号。但是当我在webstorm / phpstorm中编写时，它会自动完成大括号和括号，但不会自动添加分号。我知道这不是按照标准等要求的，但这就是我编码的方式 - 而且我并不孤单，许多人以这种方式编码。

例：

var data = $.ajax({});

通常，webstorm / phpstorm会执行此操作，并将光标留在花括号内：

var data = $.ajax({})

我想要的世界上所有的东西都是不必手动添加分号并让它像我在第一个例子中所说的那样自动完成。

答案

无法自动插入，您需要使用完整语句操作（Ctrl + Shift + Enter）。

您还需要检查Settings中是否启用了使用分号来终止语句选项Code Style | JavaScript | Other标签。

另一答案

创建一个宏以移动到行的末尾并插入分号。然后将宏指定给分号键击。因此，在您输入的任何时候，您都可以终止代码行。

另一答案

您可以创建一个宏和键盘快捷方式：

Record Auto semicolon macro and bind shortcut to it:
1. Edit -> Macros -> Start Macro Recording
2. In the editor go to the end of line by pressing End
3. put semicolon ';'
4. Edit -> Macros -> Stop Macro Recording
5. Give a name, for example 'Auto semicolon'
6. Open settings (Ctrl + Alt + s), select Keymap
7. Expand Macros node
8. Select 'Auto semicolon', in the context menu choose Add Keyboard Shortcut
9. Set Ctrl + ; as First keystroke
10. Save/Apply settings
11. Enjoy!
12. Try it so, in the middle of code line, hit Ctrl + ;

// some useful combinations:
Ctrl + ,    put colon at the end of line
Ctrl + ;    put semicolon at the end of line
Ctrl + .    put => at the end of line

来自https://gist.github.com/umidjons/9383758

如果可以选择自动执行，那将会更酷！

另一答案

我想做的事

我的目标是在当前行的末尾添加一个分号，同时将光标位置保持在行的中间。

func([{''}])
//     /
//     ||
//     ||
//     current cursor position
//
// Now I want to add a semi-colon to the end-of-the-line
// but then continue typing my string contents at the same
// cursor location. i.e. I now want this, with as few
// keystrokes as possible:
//
//          Add this semi-colon...
//          |
//          |
//          V
func([{''}]);
//     /
//     ||
//     ||
//     ...while maintaining this cursor position

我为什么要这样做

当我输入时，WebStorm很好地“完成”标点符号，即在我键入({['之后，它会自动完成到({[' <<cursor here>> ']})。我想确保在我做更多打字之前在行尾包含分号，因为我可能会忘记以后。但是，添加分号后，我想继续在当前光标位置键入内容。我知道我可以使用自动完成在行的末尾添加一个分号，但这会将光标留在行尾，迫使我多次点击后箭头。此外，有时我的半完成行将不是正确的JavaScript语法，因此自动完成可能甚至不起作用。

为什么这么难

解决方案似乎很简单：编写一个简单的宏来跳转到行尾，键入一个分号，然后返回到我原来的位置。问题是，很难弄清楚如何诱使WebStorm返回原来的位置！我尝试设置书签，转到行尾，输入分号，然后返回到我的书签，但这不起作用，因为据我所知，书签只记住行，而不是列。我试着先在我当前的位置输入垃圾标记文本（例如xcursorx），进入行尾，输入一个分号，并做一个简单的find我的垃圾标记文本，但这也不起作用，因为WebStorm的宏不是似乎很好地将文本输入到find例程中。我尝试首先键入垃圾标记文本，进入行结束，键入分号，并使用Navigate/Last Edit Location并删除垃圾，但这也不起作用。

最终的工作原理

我按如下方式创建了一个宏（各个步骤中显示的键盘快捷键来自“Mac OS X 10.5+”键盘映射...使用适合您的设置的快捷键或菜单选项）：

从所需位置的光标/插入符开始，开始录制宏（即Edit > Macros > Start Macro Recording）
键入单个非空格/非单词字符，例如一段时间
紧接着之后，键入一个垃圾标记文本的单个“单词”，你不会在其他任何地方使用，年龄光标“
紧接着之后，键入另一个单个非空格/非单词字符，例如另一个时期（即你现在输入“.xcursorx。”）
跳到行尾（例如命令右箭头）
键入一个分号
紧接在分号后（即没有空格），再次键入垃圾标记文本的相同单个“单词”，但没有侧面的非空格/非单词字符，例如输入“; xcursorx”
将光标向后移动一个“单词”（例如选项左箭头）
在光标处找到单词（即Edit > Find > Find Word at Caret）（手动输入“xcursorx”时不要使用正常的find）
删除所选文本（即点击删除或退格键删除行尾的第二个“xcursorx”）
找到上次出现的最后一个选定文本（即Edit > Find > Find Previous/Move to Previous Occurrence或shift-command-G）;这将选择“.xcursorx”中的“xcursorx”。
删除所选文本（即点击删除或退格键）
前进一个字符（即右箭头，到第二个时期后）
删除两个字符（即点击删除或退格两次，删除两个句点）
停止宏录制（即Edit > Macros > Stop Macro Recording）
给你的宏命名（例如'place-semicolon-at-end-of-line'）
给你的宏一个键盘快捷键（例如Preferences > (scroll down to) Macros > place-semicolon-at-end-of-line > (right click) > Add Keyboard Shortcut ...并输入你想要的快捷键，例如选项 - 分号）