你不知道的VsCode console快捷鍵

xiyang 發(fā)布于2019-08-23 18:28 / 888人閱讀

摘要：快捷鍵對(duì)于前端開發(fā)者來說，在開發(fā)過程中需要監(jiān)控某些表達(dá)式或變量的值的時(shí)候，用會(huì)顯得過于笨重，取而代之則是會(huì)將值輸出到控制臺(tái)上方便調(diào)試。先安利幾個(gè)里面的快捷鍵。一個(gè)完整的信息分組以開始，結(jié)束設(shè)置當(dāng)前信息分組結(jié)束

console快捷鍵

對(duì)于前端開發(fā)者來說，在開發(fā)過程中需要監(jiān)控某些表達(dá)式或變量的值的時(shí)候，用 debugger 會(huì)顯得過于笨重，取而代之則是會(huì)將值輸出到控制臺(tái)上方便調(diào)試。最常用的莫過于console，但是反復(fù)的 console.** 輸入起來太過繁瑣。先安利幾個(gè)vscode里面的console快捷鍵。

cas --> console.assert() (如果斷言為 false，則在信息到控制臺(tái)輸出錯(cuò)誤信息)

ccl --> console.clear(object); (清除控制臺(tái)console輸出)

cco --> console.count(label); (記錄 count() 調(diào)用次數(shù)，并輸出到控制臺(tái))

cdi --> console.dir(object); (查看對(duì)象的信息)

cer --> console.error(object); (輸出錯(cuò)誤到控制臺(tái))

clg --> console.log(object); (向控制臺(tái)輸出一條信息)

cti --> console.time(object); (計(jì)時(shí)器，開始計(jì)時(shí)間，與 timeEnd() 聯(lián)合使用，用于算出一個(gè)操作所花費(fèi)的準(zhǔn)確時(shí)間)

cte --> console.timeEnd(object); (計(jì)時(shí)結(jié)束)

ctr --> console.trace(object); (顯示當(dāng)前執(zhí)行的代碼在堆棧中的調(diào)用路徑)

cwa --> console.warn(object); (輸出警告信息，信息最前面加一個(gè)黃色三角，表示警告)

cin --> console.info(object); (控制臺(tái)輸出一條信息與console.log()類似)

cgr --> console.group(object); (在控制臺(tái)創(chuàng)建一個(gè)信息分組。一個(gè)完整的信息分組以 console.group() 開始，console.groupEnd() 結(jié)束)

cge --> console.groupEnd(object); (設(shè)置當(dāng)前信息分組結(jié)束)

云服務(wù)器 GPU云服務(wù)器你不知道的你不知道的javascript 你不知道的javascript上卷你不知道

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

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

相關(guān)文章

提高 JavaScript 開發(fā)效率的高級(jí) VSCode 擴(kuò)展之二！

摘要：將這些命令綁定到鍵盤快捷鍵是有幫助的，例如向上箭頭用于平衡向外，而向下箭頭用于平衡向內(nèi)。是和的快速原型開發(fā)平臺(tái)。本系列的第一篇可以在這里看到：提高 JavaScript 開發(fā)效率的高級(jí) VSCode 擴(kuò)展！ showImg(https://segmentfault.com/img/bVbnn2j?w=1254&h=768); 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來篇優(yōu)質(zhì)...

cyrils 2019-08-23 14:48 評(píng)論0 收藏0
一些你所不知道的VS Code插件

摘要：摘要你所不知道的系列。允許你寫入縮寫代碼并返回的相應(yīng)標(biāo)記，目前已經(jīng)內(nèi)置，所以不用配置了。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。摘要：你所不知道的系列。原文：提高 JavaScript 開發(fā)效率的高級(jí) VSCode 擴(kuò)展之二！作者：前端小智 Fundebug經(jīng)授權(quán)轉(zhuǎn)載，版權(quán)歸原作者所有。作為一名業(yè)余愛好者、專業(yè)人員，甚至是每月只有一次編...

Near_Li 2019-05-22 12:00 評(píng)論0 收藏0
你不知道的前端SDK開發(fā)技巧

摘要：一個(gè)帶提示的最后對(duì)于開發(fā)同學(xué)來說，就算不使用，也強(qiáng)烈建議使用提供注解，它會(huì)通過一些類型推導(dǎo)來檢查你的代碼的正確性，可以減少很多開發(fā)過程中的。相對(duì)于對(duì)象，它保證了輸入的類型你定義的對(duì)象可能某一天不再只有類型的，不再需要額外的類型判斷。作者：陳達(dá)孚香港中文大學(xué)研究生,《移動(dòng)Web前端高效開發(fā)實(shí)戰(zhàn)》作者之一，《前端開發(fā)者指南2017》譯者之一，在中國(guó)前端開發(fā)者大會(huì),中生代技術(shù)大會(huì)等技術(shù)...

jokester 2019-08-21 17:56 評(píng)論0 收藏0
FE.BASE-vscode使用、原理、插件開發(fā)筆記

摘要：插件提供內(nèi)容，負(fù)責(zé)渲染。增量更新，盡可能地減少重新渲染長(zhǎng)時(shí)間運(yùn)行的任務(wù)應(yīng)該支持，并可以取消插件能夠正確地處理對(duì)象的生命周期。使用了模式，運(yùn)行可以將這個(gè)對(duì)象銷毀。使用命令行使用幫助：code --help 使用已經(jīng)打開的窗口來打開文件：code -r 打開文件并滾動(dòng)到特定行：code -r -g package.json:128 比較兩個(gè)文件：code -r -d a.tx...

MingjunYang 2019-08-26 13:46 評(píng)論0 收藏0
vscode中使用js的console配置 - mac

摘要：創(chuàng)建一個(gè)文件使用快捷鍵選擇配置任務(wù)，然后從模板創(chuàng)建文件，然后從列表中選擇其他。如果沒有其他選項(xiàng)，就隨便選一個(gè)。這樣就創(chuàng)建了一個(gè)文件啦文件配置編輯之后保存即可。注意版本號(hào)，可能有些字段不支持了。創(chuàng)建一個(gè)tasks文件: 使用快捷鍵 cmd + shift + b, 選擇配置任務(wù)，然后從模板創(chuàng)建tasks.json文件，然后從列表中選擇其他。如果沒有其他選項(xiàng)，就隨便選一個(gè)。這樣就創(chuàng)建了...

lily_wang 2019-08-26 11:53 評(píng)論0 收藏0