webstorm中程式碼新增單引號、雙引號快捷鍵

雲荒杯傾發表於2018-01-19

寫在前面

在開發時,為某個編碼單元,比如一個單詞,新增單引號和雙引號,將其變成字串是常見的情形,比如下面這個物件。

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預設不勾選,所以預設情況下大家是無法完成加引號操作滴)。

截圖如下:

webstorm中程式碼新增單引號、雙引號快捷鍵

用法

設定好了這個選項以後,選中某個你想新增雙引號、單引號、中括號、大括號、小括號的程式設計單元(單詞或短語),按對應的鍵盤上的按鍵就可以了。

比如,新增雙引號,就是選中某單詞,按shift+引號鍵

結語

這麼看起來,本文標題起的並不太恰當,因為這是通過設定了一個選項來完成的,按鍵還是預設的按鍵。

不過,不管它了。

設定了這個以後,我們不僅可以加單、雙引號,還能加大、中、小括號,這倒算是一個意外收穫。

加括號的場景也是有的,比如你寫了一個較長的表示式,為了分清優先順序,就加小括號,如果你以前是在表示式左邊加左括號、右邊加右括號的話,這次就可以直接選中表示式,按住shift+9了。

最後,程式設計貴在實踐,現在就開啟webstorm,設定這個選項吧

為每日的進步乾杯,cheers。

關於作者

技術部落格

GitHub

掘金主頁

相關文章