webstorm中代码添加单引号、双引号快捷键

写在前面

在开发时，为某个编码单元，比如一个单词，添加单引号和双引号，将其变成字符串是常见的情形，比如下面这个对象。

let users = [{
                name: "zhangsan",
                age:25,
            },{
                name: "lisi",
                age:26,
            },{
                name: "wangwu",
                age:27,
            }]

有个需求是你现在得把它转成json，而这里面name,age键是不符合JSON中键必须是字符串规范的，于是乎，你得给name,age加上双引号才行。

解决方案

简单查阅了一下，并没有找到，基本都是webstorm快捷键大全之类的文章。
然后我就Ctrl + Alt + S 打开了webstorm设置框。

在keymap的Editor Actions里面，并没有找到有相关的快捷键。

好了，不卖关子了，到底在哪里才能搞成这件小事呢？

答案是：
Editer --> General --> Smart Keys
这里面有一个复选项是Surfound selection on typing quote or brace,将其勾选就可以了（webstorm默认不勾选，所以默认情况下大家是无法完成加引号操作滴）。

截图如下：

用法

设定好了这个选项以后，选中某个你想添加双引号、单引号、中括号、大括号、小括号的编程单元（单词或短语），按对应的键盘上的按键就可以了。

比如，添加双引号，就是选中某单词，按shift+引号键。

结语

这么看起来，本文标题起的并不太恰当，因为这是通过设置了一个选项来完成的，按键还是默认的按键。

不过，不管它了。

设置了这个以后，我们不仅可以加单、双引号，还能加大、中、小括号，这倒算是一个意外收获。

加括号的场景也是有的，比如你写了一个较长的表达式，为了分清优先级，就加小括号，如果你以前是在表达式左边加左括号、右边加右括号的话，这次就可以直接选中表达式，按住shift+9了。

最后，编程贵在实践，现在就打开webstorm，设置这个选项吧。

为每日的进步干杯，cheers。

关于作者

技术博客

GitHub

掘金主页