前端开发工具整理

时间：2023-01-02 15:12:42
开发工具

最近开发Mobile项目用的开发工具是WebStorm，这是一款前端开发神器，强大的功能深受广大前端开发者的喜爱。

调试平台

代码调试利器是Chrome，目前公认的前端调试利器，没有之一，必须首选。

常用插件
  • Proxy SwitchySharp：*软件。。。
  • React Developer Tools：开发React必备插件，build好的代码可以直接在浏览器中断点调试。但是我在使用的过程中发现有的地方不能打断点，我也不知道是怎么回事，希望有知道的人可以给我留言交流。
  • JSON Formatter：处理JSON
终端
  • iTerm
Chrome调试

想必大家在调试JS代码的时候最常用的就是console.log();了吧，下面我介绍几个好玩的。

  • console.info();
  • console.error();
  • console.warn();
  • console.debug();

下面将一一展示：
前端开发工具整理

当然在开发过程中可能需要看一下执行时间，下面为大家展示如何查看执行时间，直接上代码：

// 测试执行时间
function oldFunc() {
const startDate = new Date().getTime();
for (let i=0; i< 100000; i++) {
    }
const endDate = new Date().getTime();
    console.log("执行时间：" + (endDate-startDate));
  }
function newFunc() {
      console.time("执行时间:");
for (let i=0; i< 100000; i++) {
      }
      console.timeEnd("执行时间:");
  }
标签：

相关文章