国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一些你所不知道的VS Code插件

Near_Li / 1869人閱讀

摘要:摘要你所不知道的系列。允許你寫入縮寫代碼并返回的相應標記,目前已經內置,所以不用配置了。自從年雙十一正式上線,累計處理了億錯誤事件,付費客戶有金山軟件百姓網等眾多品牌企業。

摘要: 你所不知道的系列。

原文:提高 JavaScript 開發效率的高級 VSCode 擴展之二!

作者:前端小智

Fundebug經授權轉載,版權歸原作者所有。

作為一名業余愛好者、專業人員,甚至是每月只有一次編程的開發人員,你必須知道,對于任何愿意在工作中投入最大生產時間的人來說,擁有智能和敏捷的工具是至關重要的,廢話不多說,介紹插件比較重要。

1. Material Theme & Icons

這是 VS Code 主題中的重要角色。 作者認為重要的主題是在編輯器中用筆和紙書寫最接近的東西(特別是在使用無對比變體主題時)。 從集成的工具到文本編輯器,你的編輯器看起來幾乎是平的和無縫的。

想象一個史詩般的主題加上史詩般的圖標。 Material Theme Icons 是替換默認 VSCode 圖標的絕佳選擇。設計的大型圖標目錄與主題融為一體,使其更加美觀,這有助于你在資源管理器中輕松找到你的文件。

2. 具有居中布局的禪模式或者勿擾模式 (Zen Mode)

為了讓廣大苦逼碼農能夠在 coding/docing 時有清晰的思路,代表最廣大碼農利益的 VSCode 也加入了“禪模式”。該模式可以在你在頁面編輯文件時啟用,效果是全屏化你的編輯框,然后帶有若隱若現的云霧效果。

打開方式:文件 > 首選項 > 設置 > 用戶設置 > 工作臺 > 禪模式

3. 具有連字的字體

文字的風格使閱讀變得簡單方便,你可以使用好看連字的字體使編輯器看起來更友好。 這里是支持連字的6種最佳字體 (根據www.slant.co)

你可以嘗試 Fira Code,它非常棒而且是開源的。 以下是引入 Fira Code 后在 VSCode 輥更改該字體的方法。

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

具體使用方法可以參考:

vscode中修改字體,使用 Fira Code

提高visual studio使用逼格的連體字(Fira code)以及多行編輯(MixEdit)

4.彩虹縮進 (indent-rainbow)

縮進風格,這個擴展為文本前面的縮進著色,在每個步驟中交替使用四種不同的顏色。

當然如果需要自定義自己喜歡的顏色,請將以下代碼段復制并粘貼到 settings.json

"indentRainbow.colors": [
"rgba(16,16,16,0.1)",
"rgba(16,16,16,0.2)",
"rgba(16,16,16,0.3)",
"rgba(16,16,16,0.4)",
"rgba(16,16,16,0.5)",
"rgba(16,16,16,0.6)",
"rgba(16,16,16,0.7)",
"rgba(16,16,16,0.8)",
"rgba(16,16,16,0.9)",
"rgba(16,16,16,1.0)"
],

5. 自定義標題欄

這是一個很棒的視覺調整,改變了不同項目的標題欄顏色,以便輕松識別它們。 如果你處理可能具有相同代碼或文件名的應用程序(例如react-native 應用程序和 React Web應用程序),這非常有用。

設置方式:打開方式:文件 > 首選項 > 設置 > 工作區設置

6. Tag Wrapping

如果你不認識 Emmet,那么你可能是一個喜歡打字的人。Emmet 允許你寫入縮寫代碼并返回的相應標記,目前 VSCode 已經內置,所以不用配置了。

如果你想了解更多的 Emmet 的簡寫,可以查看 Emmet Cheatsheet

7. 內外平衡

這條建議來自 vscodecandothat.com/,作者非常推薦它。

你可以使用 balance inwardbalance outward 的 Emmet 命令在 VS 代碼中選擇整個標記。 將這些命令綁定到鍵盤快捷鍵是有幫助的,例如 Ctrl + Shift + 向上箭頭用于平衡向外,而 Ctrl + Shift +向下箭頭 用于平衡向內。

代碼部署后可能存在的BUG沒法實時知道,事后為了解決這些BUG,花了大量的時間進行log 調試,這邊順便給大家推薦一個好用的BUG監控工具 Fundebug。

8. Turbo Console.log()

沒有人喜歡輸入非常長的語句,比如 console.log()。這真的很煩人,尤其是當你只想快速輸出一些東西,查看它的值,然后繼續編碼的時候。如果我告訴你,你可以像 Lucky Luke一樣快速地控制臺記錄任何東西呢");

這是通過名為 Turbo Console Log 的擴展來完成的。它支持對下面一行中的任何變量進行日志記錄,并在代碼結構之后自動添加前綴。你還可以 取消注釋/注釋 alt+shift+u / alt+shift+c 為所有由這個擴展添加的 console.log()

此外,你也可以通過 alt+shift+d 刪除所有:

9. Live server

這是一個非常棒的擴展,可以幫助你啟動一個本地開發服務器,為靜態和動態頁面提供實時重新加載功能,它對 HTTPS、CORS、自定義本地主機地址和端口等主要特性提供了強大的支持。

如果與 VSCode LiveShare 一起使用,它甚至可以讓你共享本地主機。

10. 使用多個游標 復制/粘貼

當在不同的行上添加游標來編輯多行代碼時,發現這個特性非常有用。你可以復制和粘貼這些游標選擇的內容,它們將按照復制的順序進行粘貼。

Mac: opt+cmd+up or opt+cmd+down

Windows: ctrl+alt+up or ctrl+alt+down

Linux: alt+shift+up or alt+shift+down

11. Breadcrumbs(面包屑)

編輯器的內容上方現在有一個被稱為 Breadcrumbs 的導航欄,它顯示你的當前位置,并允許在符號和文件之間快速導航。要使用該功能,可使用 View > Toggle Breadcrumbs 命令或通過 breadcrumbs.enabled 設置啟用。要與其交互,請使用 Focus Breadcrumbs 命令或按 Ctrl + Shift +

12. Code CLI

VS代碼有一個強大的命令行界面,允許你控制如何啟動編輯器。你可以通過命令行選項打開文件、安裝擴展名、更改顯示語言和輸出診斷信息。

想象一下,你通過 git clone 克隆一個遠程庫,你想要替換你正在使用的當前 VS Code實例。 通過命令 code . -r 將在不必離開 CLI 界面的情況下完成這一操作 (在此處了解更多信息)。

12. Polacode

你經常會看到帶有定制字體和主題的代碼截屏,如下所示。這是在VS代碼與 x 擴展

我知道 Carbon 也是一種更好,更可定制的替代品。 但是,Polacode 允許你保留在代碼編輯器中并使用你可能已購買的任何專用字體,這些字體在 Carbon 中無法使用。

13. Quokka (JS/TS ScratchPad)

Quokka 是J avaScript 和 TypeScript 的快速原型開發平臺。在你輸入代碼時,它將立即運行你的代碼,并在代碼編輯器中顯示各種執行結果。

Quokka 的一個很棒的擴展插件,當你準備技術面試時,你可以輸出每個步驟,而不必在調試器中設置斷點。它還可以幫助您在實際使用之前研究庫的函數,如 Lodash 或 MomentJS,它甚至可以用于異步調用。

14. WakaTime

如果你想記錄每天編程所花的時間,WakaTime 是一個擴展,它可以幫助記錄和存儲有關編程活動的指標和分析。

原文:Here are some super secret VS Code hacks to boost your productivity

關于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線,Fundebug累計處理了10億+錯誤事件,付費客戶有Google、360、金山軟件、百姓網等眾多品牌企業。歡迎大家免費試用!

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

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

相關文章

  • 正在失業中《課多周刊》(第3期)

    摘要:正在失業中的課多周刊第期我們的微信公眾號,更多精彩內容皆在微信公眾號,歡迎關注。若有幫助,請把課多周刊推薦給你的朋友,你的支持是我們最大的動力。是一種禍害譯本文淺談了在中關于的不好之處。淺談超時一運維的排查方式。 正在失業中的《課多周刊》(第3期) 我們的微信公眾號:fed-talk,更多精彩內容皆在微信公眾號,歡迎關注。 若有幫助,請把 課多周刊 推薦給你的朋友,你的支持是我們最大的...

    robin 評論0 收藏0
  • 正在失業中《課多周刊》(第3期)

    摘要:正在失業中的課多周刊第期我們的微信公眾號,更多精彩內容皆在微信公眾號,歡迎關注。若有幫助,請把課多周刊推薦給你的朋友,你的支持是我們最大的動力。是一種禍害譯本文淺談了在中關于的不好之處。淺談超時一運維的排查方式。 正在失業中的《課多周刊》(第3期) 我們的微信公眾號:fed-talk,更多精彩內容皆在微信公眾號,歡迎關注。 若有幫助,請把 課多周刊 推薦給你的朋友,你的支持是我們最大的...

    Joyven 評論0 收藏0
  • 前端面試所不知道系列

    摘要:請注意是創建一個全局對象的屬性,而不是聲明了一個全局變量。由于變量聲明自帶不可刪除屬性,比較跟,前者是變量聲明,帶不可刪除屬性,因此無法被刪除后者為全局變量的一個屬性,因此可以從全局變量中刪除。下期預告前端面試你所不知道系列偽類和偽元素 寫在開始 又到了一年的伊始,很多人可能因為各種原因想換一份工作,而找工作難免遇到各種各樣頭痛的面試題,于是我打算寫一個系列,關于面試中最常見或者前端一...

    Julylovin 評論0 收藏0
  • 所不知道同比和環比真正區別

    摘要:給百度百科給的環比定義為環比,統計學術語,是表示連續個統計周期比如連續兩月內的量的變化比。二你所不知道的同比環比兩種方式的核心區別判斷兩個數據到底是同比還是環比。 ...

    liujs 評論0 收藏0

發表評論

0條評論

Near_Li

|高級講師

TA的文章

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