vscode設置console.log()快捷鍵方法

vscode設置console.log()快捷鍵方法

---

console.log在我們的日常前端開發中是使用頻率特別高的一句代碼，那我們怎樣在vscode編譯器中快速的打出來呢。其實很簡單只要兩步就行:

• 1. 在VScode中打開文件 → 首選項 → 用戶代碼片段 → 在搜索框中搜索 JavaScript 選擇 JavaScript.json

• 2. 然后我們在其中把關鍵注釋的代碼打開就好了

 打開后，可以將代碼適當修改，看個人習慣

保存后看效果：

 回車效果如下：

我在使用vscode開發過程中遇到一個BUG:Vue項目開發時我裝了一個插件叫Vue 3 Snippets Highlight Formatters，這個插件跟用戶代碼片段有沖突，導致無法使用快捷鍵輸入console.log();

解決bug方式

• 1.將vscode編譯器的語言檢測：從vue才會html如下圖：

修改前：

 修改后

 

•  2.暴力點直接卸載該插件
•  3.跟第一步一樣在用戶代碼片段輸入vue,選擇vue.json(剩下的步驟跟JavaScript.json的修改方式一樣了)