webstorm中代碼添加單引號、雙引號快捷鍵

HelKyle 發(fā)布于2019-08-22 13:54 / 3931人閱讀

摘要：寫在前面在開發(fā)時，為某個編碼單元，比如一個單詞，添加單引號和雙引號，將其變成字符串是常見的情形，比如下面這個對象。在的里面，并沒有找到有相關的快捷鍵。比如，添加雙引號，就是選中某單詞，按引號鍵。

寫在前面

在開發(fā)時，為某個編碼單元，比如一個單詞，添加單引號和雙引號，將其變成字符串是常見的情形，比如下面這個對象。

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

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

解決方案

簡單查閱了一下，并沒有找到，基本都是webstorm快捷鍵大全之類的文章。
然后我就Ctrl + Alt + S 打開了webstorm設置框。

在keymap的Editor Actions里面，并沒有找到有相關的快捷鍵。

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

答案是：
Editer --> General --> Smart Keys
這里面有一個復選項是Surfound selection on typing quote or brace,將其勾選就可以了（webstorm默認不勾選，所以默認情況下大家是無法完成加引號操作滴）。

截圖如下：

用法

設定好了這個選項以后，選中某個你想添加雙引號、單引號、中括號、大括號、小括號的編程單元（單詞或短語），按對應的鍵盤上的按鍵就可以了。

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

結語

這么看起來，本文標題起的并不太恰當，因為這是通過設置了一個選項來完成的，按鍵還是默認的按鍵。

不過，不管它了。

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

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

最后，編程貴在實踐，現在就打開webstorm，設置這個選項吧。

為每日的進步干杯，cheers。

關于作者

技術博客

GitHub

掘金主頁

云服務器 GPU云服務器單引號 python 單引號 asp 單引號 php單引號連接

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92597.html

webstorm中代碼添加單引號、雙引號快捷鍵

摘要：寫在前面在開發(fā)時，為某個編碼單元，比如一個單詞，添加單引號和雙引號，將其變成字符串是常見的情形，比如下面這個對象。在的里面，并沒有找到有相關的快捷鍵。比如，添加雙引號，就是選中某單詞，按引號鍵。寫在前面在開發(fā)時，為某個編碼單元，比如一個單詞，添加單引號和雙引號，將其變成字符串是常見的情形，比如下面這個對象。 let users = [{ name: ...

CatalpaFlat 2019-08-29 14:15 評論0 收藏0
Angular（03）-- lint風格規(guī)范和WebStorm小技巧

摘要：空格空格設置路徑格式化操作時，會自動在比如方法的右括號前，賦值語句的等號兩側等等這些位置自動加上一個空格，如果我們寫代碼時漏掉這些空格時。這樣，就方便我對別人的代碼也直接通過格式化操作來自動進行風格規(guī)范處理。在開始講 Angular 各個核心知識點之前，想先來講講開發(fā)工具 WebStorm 的一些配置以及相應配置文件如 tslint.json 的配置。因為我個人比較注重代碼規(guī)范、代碼風格，...

番茄西紅柿 2019-04-23 11:43 評論0 收藏0
IntelliJ代碼的字符串引號格式設置

摘要：起點最近在開發(fā)一個小項目，使用了，我使用了單引號限制。但是的自動引入默認是雙引號。是可以設置全局項目使用單引號還是雙引號，避免每一次都需要從修改引號格式。此外，雙引號最直接的好處是，插入單引號會很方便廢話。起點最近在開發(fā)一個Angular小項目，使用了tslint，我使用了單引號限制。但是Intellij Webstorm的自動引入默認是雙引號(double)。IntelliJ+I...

KitorinZero 2019-08-22 13:57 評論0 收藏0
Web前端開發(fā)標準規(guī)范

摘要：頁面名稱月影功能模塊，請在模塊之間加入注釋，中英文不做要求活動規(guī)則開始活動規(guī)則活動規(guī)則結束自定義函數。參考頁面前端規(guī)范 web前端開發(fā)規(guī)范的意義提高團隊的協(xié)作能力提高代碼的復用利用率可以寫出質量更高，效率更好的代碼為后期維護提供更好的支持一、命名規(guī)則命名使用英文語義化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！項目、目錄、html/css/js等文件命名全...

高璐 2019-08-30 15:55 評論0 收藏0