資訊專欄INFORMATION COLUMN
摘要：快捷鍵對于前端開發(fā)者來說，在開發(fā)過程中需要監(jiān)控某些表達(dá)式或變量的值的時候，用會顯得過于笨重，取而代之則是會將值輸出到控制臺上方便調(diào)試。先安利幾個里面的快捷鍵。一個完整的信息分組以開始，結(jié)束設(shè)置當(dāng)前信息分組結(jié)束
console快捷鍵
對于前端開發(fā)者來說，在開發(fā)過程中需要監(jiān)控某些表達(dá)式或變量的值的時候，用 debugger 會顯得過于笨重，取而代之則是會將值輸出到控制臺上方便調(diào)試。最常用的莫過于console，但是反復(fù)的 console.** 輸入起來太過繁瑣。先安利幾個vscode里面的console快捷鍵。
cas --> console.assert() (如果斷言為 false，則在信息到控制臺輸出錯誤信息)
ccl --> console.clear(object); (清除控制臺console輸出)
cco --> console.count(label); (記錄 count() 調(diào)用次數(shù)，并輸出到控制臺)
cdi --> console.dir(object); (查看對象的信息)
cer --> console.error(object); (輸出錯誤到控制臺)
clg --> console.log(object); (向控制臺輸出一條信息)
cti --> console.time(object); (計時器，開始計時間，與 timeEnd() 聯(lián)合使用，用于算出一個操作所花費的準(zhǔn)確時間)
cte --> console.timeEnd(object); (計時結(jié)束)
ctr --> console.trace(object); (顯示當(dāng)前執(zhí)行的代碼在堆棧中的調(diào)用路徑)
cwa --> console.warn(object); (輸出警告信息，信息最前面加一個黃色三角，表示警告)
cin --> console.info(object); (控制臺輸出一條信息 與console.log()類似)
cgr --> console.group(object); (在控制臺創(chuàng)建一個信息分組。 一個完整的信息分組以 console.group() 開始，console.groupEnd() 結(jié)束)
cge --> console.groupEnd(object); (設(shè)置當(dāng)前信息分組結(jié)束)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/105280.html
摘要：將這些命令綁定到鍵盤快捷鍵是有幫助的，例如向上箭頭用于平衡向外，而向下箭頭用于平衡向內(nèi)。是和的快速原型開發(fā)平臺。 本系列的第一篇可以在這里看到： 提高 JavaScript 開發(fā)效率的高級 VSCode 擴(kuò)展！ showImg(https://segmentfault.com/img/bVbnn2j?w=1254&h=768); 想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)...
摘要：摘要你所不知道的系列。允許你寫入縮寫代碼并返回的相應(yīng)標(biāo)記，目前已經(jīng)內(nèi)置，所以不用配置了。自從年雙十一正式上線，累計處理了億錯誤事件，付費客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。摘要： 你所不知道的系列。 原文：提高 JavaScript 開發(fā)效率的高級 VSCode 擴(kuò)展之二！ 作者：前端小智 Fundebug經(jīng)授權(quán)轉(zhuǎn)載，版權(quán)歸原作者所有。 作為一名業(yè)余愛好者、專業(yè)人員，甚至是每月只有一次編...
摘要：一個帶提示的最后對于開發(fā)同學(xué)來說，就算不使用，也強(qiáng)烈建議使用提供注解，它會通過一些類型推導(dǎo)來檢查你的代碼的正確性，可以減少很多開發(fā)過程中的。相對于對象，它保證了輸入的類型你定義的對象可能某一天不再只有類型的，不再需要額外的類型判斷。 作者：陳達(dá)孚 香港中文大學(xué)研究生,《移動Web前端高效開發(fā)實戰(zhàn)》作者之一，《前端開發(fā)者指南2017》譯者之一，在中國前端開發(fā)者大會,中生代技術(shù)大會等技術(shù)...
摘要：插件提供內(nèi)容，負(fù)責(zé)渲染。增量更新，盡可能地減少重新渲染長時間運行的任務(wù)應(yīng)該支持，并可以取消插件能夠正確地處理對象的生命周期。使用了模式，運行可以將這個對象銷毀。 使用 命令行使用 幫助：code --help 使用已經(jīng)打開的窗口來打開文件：code -r 打開文件并滾動到特定行：code -r -g package.json:128 比較兩個文件：code -r -d a.tx...
摘要：創(chuàng)建一個文件使用快捷鍵選擇配置任務(wù)，然后從模板創(chuàng)建文件，然后從列表中選擇其他。如果沒有其他選項，就隨便選一個。這樣就創(chuàng)建了一個文件啦文件配置編輯之后保存即可。注意版本號，可能有些字段不支持了。 創(chuàng)建一個tasks文件: 使用快捷鍵 cmd + shift + b, 選擇配置任務(wù)，然后從模板創(chuàng)建tasks.json文件，然后從列表中選擇其他。如果沒有其他選項，就隨便選一個。這樣就創(chuàng)建了...
閱讀 2288·2023-04-25 14:22
閱讀 3733·2021-11-15 18:12
閱讀 1293·2019-08-30 15:44
閱讀 3214·2019-08-29 15:37
閱讀 638·2019-08-29 13:49
閱讀 3454·2019-08-26 12:11
閱讀 866·2019-08-23 18:28
閱讀 1581·2019-08-23 14:55
