[VSCode] 筆記

Mars Li
something-about-javascript
2 min readJul 5, 2018
來源: VSCode 官網

這邊紀錄一下一些好用的功能,以免忘記。

  1. Snippets

snippets 簡單來說就是你設定簡短的關鍵字,然後他會根據你設定的規則自動幫你插入你想要的程式碼。

以下是預設的範例

你只要打 log 它會幫你生出 console.log()

你可以從檔案 > 喜好設定 > 程式碼片段去設定你自己的 snippets 或是可以用 VSCode 預設的 snippets,舉例說 :

當你在 VSCode 打下這一串時

當你按下 Enter

有沒有覺得很神奇!

2. Reactjs code snippets

延續上面的 snippets,這邊要介紹一個 React 專用的 snippets,有沒有覺得每次都要複製或打一堆 component 很麻煩,這邊提供一個套件 Reactjs code snippets

舉例來說,你只要在空白頁打上 rrc

再按下 Tab 或 Enter,他就會幫你生出 React + Redux的語法

連 Class Name都幫你生好了呢

不只 rrc 還有很多語法,可以參考官方連結

--

--