webstorm中代碼添加單引號(hào)、雙引號(hào)快捷鍵

CatalpaFlat 發(fā)布于2019-08-29 14:15 / 2722人閱讀

摘要：寫(xiě)在前面在開(kāi)發(fā)時(shí)，為某個(gè)編碼單元，比如一個(gè)單詞，添加單引號(hào)和雙引號(hào)，將其變成字符串是常見(jiàn)的情形，比如下面這個(gè)對(duì)象。在的里面，并沒(méi)有找到有相關(guān)的快捷鍵。比如，添加雙引號(hào)，就是選中某單詞，按引號(hào)鍵。

寫(xiě)在前面

在開(kāi)發(fā)時(shí)，為某個(gè)編碼單元，比如一個(gè)單詞，添加單引號(hào)和雙引號(hào)，將其變成字符串是常見(jiàn)的情形，比如下面這個(gè)對(duì)象。

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

有個(gè)需求是你現(xiàn)在得把它轉(zhuǎn)成json，而這里面name,age鍵是不符合JSON中鍵必須是字符串規(guī)范的，于是乎，你得給name,age加上雙引號(hào)才行。

解決方案

簡(jiǎn)單查閱了一下，并沒(méi)有找到，基本都是webstorm快捷鍵大全之類的文章。
然后我就Ctrl + Alt + S 打開(kāi)了webstorm設(shè)置框。

在keymap的Editor Actions里面，并沒(méi)有找到有相關(guān)的快捷鍵。

好了，不賣關(guān)子了，到底在哪里才能搞成這件小事呢？

答案是：
Editer --> General --> Smart Keys
這里面有一個(gè)復(fù)選項(xiàng)是Surfound selection on typing quote or brace,將其勾選就可以了（webstorm默認(rèn)不勾選，所以默認(rèn)情況下大家是無(wú)法完成加引號(hào)操作滴）。

截圖如下：

用法

設(shè)定好了這個(gè)選項(xiàng)以后，選中某個(gè)你想添加雙引號(hào)、單引號(hào)、中括號(hào)、大括號(hào)、小括號(hào)的編程單元（單詞或短語(yǔ)），按對(duì)應(yīng)的鍵盤(pán)上的按鍵就可以了。

比如，添加雙引號(hào)，就是選中某單詞，按shift+引號(hào)鍵。

結(jié)語(yǔ)

這么看起來(lái)，本文標(biāo)題起的并不太恰當(dāng)，因?yàn)檫@是通過(guò)設(shè)置了一個(gè)選項(xiàng)來(lái)完成的，按鍵還是默認(rèn)的按鍵。

不過(guò)，不管它了。

設(shè)置了這個(gè)以后，我們不僅可以加單、雙引號(hào)，還能加大、中、小括號(hào)，這倒算是一個(gè)意外收獲。

加括號(hào)的場(chǎng)景也是有的，比如你寫(xiě)了一個(gè)較長(zhǎng)的表達(dá)式，為了分清優(yōu)先級(jí)，就加小括號(hào)，如果你以前是在表達(dá)式左邊加左括號(hào)、右邊加右括號(hào)的話，這次就可以直接選中表達(dá)式，按住shift+9了。

最后，編程貴在實(shí)踐，現(xiàn)在就打開(kāi)webstorm，設(shè)置這個(gè)選項(xiàng)吧。

為每日的進(jìn)步干杯，cheers。

關(guān)于作者

技術(shù)博客

GitHub

掘金主頁(yè)