Console面板小技巧:

 1.shift+enter : 换行显示表达式,如下图可以输入

 Console面板小技巧:

 2..可以在console面板中输入函数,并进行调用:

Console面板小技巧:

3.visual code中可以使用Live Server插件来启动server和端口号,可以直接运行本地html代码

 

 Console面板小技巧:

 

4.使用console.table(selectedRowData) 可以直接在console面板中打印Json格式的复杂信息,、

Console面板小技巧:

 


5.推荐使用占位符在console中打印变量信息

var temp="aaa";
console.log("%s Hello world",temp);


6.使用console custom定制样式:如下图所示,%c表示样式的占位符

const spacing2="10px";
const style3='padding: ${spacing2}; background-color: green';
console.log("%c这是展示",style3);

Console面板小技巧:

7.console.assert()断言

Console面板小技巧:

 


8.console.time() 来监测函数的执行时间

Console面板小技巧:

 

9.使用console.clear()函数清除console面板上所有的打印信息。