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

CatalpaFlat 发布于2019-08-29 14:15 / 2698人阅读

摘要：写在前面在开发时，为某个编码单元，比如一个单词，添加单引号和双引号，将其变成字符串是常见的情形，比如下面这个对象。在的里面，并没有找到有相关的快捷键。比如，添加双引号，就是选中某单词，按引号键。

写在前面

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

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

掘金主页

云服务器 GPU云服务器单引号 python 单引号 asp 单引号 php单引号连接

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113019.html

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

摘要：写在前面在开发时，为某个编码单元，比如一个单词，添加单引号和双引号，将其变成字符串是常见的情形，比如下面这个对象。在的里面，并没有找到有相关的快捷键。比如，添加双引号，就是选中某单词，按引号键。写在前面在开发时，为某个编码单元，比如一个单词，添加单引号和双引号，将其变成字符串是常见的情形，比如下面这个对象。 let users = [{ name: ...

HelKyle 2019-08-22 13:54 评论0 收藏0
Angular（03）-- lint风格规范和WebStorm小技巧

摘要：空格空格设置路径格式化操作时，会自动在比如方法的右括号前，赋值语句的等号两侧等等这些位置自动加上一个空格，如果我们写代码时漏掉这些空格时。这样，就方便我对别人的代码也直接通过格式化操作来自动进行风格规范处理。在开始讲 Angular 各个核心知识点之前，想先来讲讲开发工具 WebStorm 的一些配置以及相应配置文件如 tslint.json 的配置。因为我个人比较注重代码规范、代码风格，...

番茄西红柿 2019-04-23 11:43 评论0 收藏0
IntelliJ代码的字符串引号格式设置

摘要：起点最近在开发一个小项目，使用了，我使用了单引号限制。但是的自动引入默认是双引号。是可以设置全局项目使用单引号还是双引号，避免每一次都需要从修改引号格式。此外，双引号最直接的好处是，插入单引号会很方便废话。起点最近在开发一个Angular小项目，使用了tslint，我使用了单引号限制。但是Intellij Webstorm的自动引入默认是双引号(double)。IntelliJ+I...

KitorinZero 2019-08-22 13:57 评论0 收藏0
Web前端开发标准规范

摘要：页面名称月影功能模块，请在模块之间加入注释，中英文不做要求活动规则开始活动规则活动规则结束自定义函数。参考页面前端规范 web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高，效率更好的代码为后期维护提供更好的支持一、命名规则命名使用英文语义化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！项目、目录、html/css/js等文件命名全...

高璐 2019-08-30 15:55 评论0 收藏0