成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

CatalpaFlat / 2732人閱讀

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

寫在前面

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

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

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

解決方案

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

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

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

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

截圖如下：

用法

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

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

結(jié)語

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

不過，不管它了。

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

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

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

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

關(guān)于作者

技術(shù)博客

GitHub

掘金主頁

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113019.html

相關(guān)文章

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

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

    HelKyle 評論0 收藏0

  • Angular（03）-- lint風(fēng)格規(guī)范和WebStorm小技巧

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

    番茄西紅柿 評論0 收藏0

  • IntelliJ代碼的字符串引號格式設(shè)置

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

    KitorinZero 評論0 收藏0

  • Web前端開發(fā)標(biāo)準(zhǔn)規(guī)范

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

    高璐 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<