你不知道的VsCode console快捷鍵

console快捷鍵

對於前端開發者來講，在開發過程當中須要監控某些表達式或變量的值的時候，用 debugger 會顯得過於笨重，取而代之則是會將值輸出到控制檯上方便調試。最經常使用的莫過於console，可是反覆的 console.** 輸入起來太過繁瑣。先安利幾個vscode裏面的console快捷鍵。

• cas --> console.assert() (若是斷言爲 false，則在信息到控制檯輸出錯誤信息)
• ccl --> console.clear(object); (清除控制檯console輸出)
• cco --> console.count(label); (記錄 count() 調用次數，並輸出到控制檯)
• cdi --> console.dir(object); (查看對象的信息)
• cer --> console.error(object); (輸出錯誤到控制檯)
• clg --> console.log(object); (向控制檯輸出一條信息)
• cti --> console.time(object); (計時器，開始計時間，與 timeEnd() 聯合使用，用於算出一個操做所花費的準確時間)
• cte --> console.timeEnd(object); (計時結束)
• ctr --> console.trace(object); (顯示當前執行的代碼在堆棧中的調用路徑)
• cwa --> console.warn(object); (輸出警告信息，信息最前面加一個黃色三角，表示警告)
• cin --> console.info(object); (控制檯輸出一條信息 與console.log()相似)
• cgr --> console.group(object); (在控制檯建立一個信息分組。 一個完整的信息分組以 console.group() 開始，console.groupEnd() 結束)
• cge --> console.groupEnd(object); (設置當前信息分組結束)