前端开发工具整理

╰+攻爆jí腚メ 2022-06-16 08:55 291阅读 0赞

##### **开发工具** #####

最近开发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();

下面将一一展示：  
![示例][SouthEast]

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

// 测试执行时间
      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("执行时间:");
      }

[console.info]: http://console.info
[SouthEast]: /images/20220616/a6543536705540b9a5afdc5406719078.png

发表评论取消回复

表情：

评论列表（有 0 条评论，291人围观）

还没有评论，来说两句吧...

相关阅读

相关前端辅助开发工具

阿里矢量图库 [传送门][Link 1] 包含非常丰富的图标 ![image-20201226153243842][] Orion矢量图库 [传送门][Lin

蔚落/ 2022年12月31日 03:24/ 0 赞/ 231 阅读

相关推荐前端开发工具

一、nodejs后端服务框架（hapi、koa、sails、egg） 1、hapi 构建功能强大、可扩展的应用程序，以最小的开销和完全开箱即用的功能地址：[http

淡淡的烟草味﹌/ 2022年12月28日 01:43/ 0 赞/ 224 阅读

相关前端 - 开发工具 - 收集

1.应用场景 <table> <tbody> <tr> <td> <p>主要用于前端项目开发，比如编写HTMl+CSS网页布局的工具，</p> <p>以及J

た入场券/ 2022年12月08日 05:16/ 0 赞/ 104 阅读

相关前端之美：GitHub前端工具整理汇总

[![前端之美——GitHub前端工具链整理汇总][GitHub]][GitHub] GitHub在前端用到的一系列工具基本上都是开源的。现简单地整理如下。 1. HTM

野性酷女/ 2022年09月22日 11:49/ 0 赞/ 165 阅读

相关 Android 开发工具整理

在Android开发中，如果使用一些小工具，那么开发效率将会有很大的提高！今天，就来看看有哪些工具！一.模拟器 1.1 [Genymotion中文官网][Geny

柔情只为你懂/ 2022年07月26日 05:24/ 0 赞/ 205 阅读

相关前端开发工具整理

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

╰+攻爆jí腚メ/ 2022年06月16日 08:55/ 0 赞/ 292 阅读

相关 Java开发:在线工具(整理)

站在巨人的肩膀上 : - ) [Java开发常用的在线工具][Java] 转自：http://www.hollischuang.co

谁借莪１个温暖的怀抱￠/ 2022年06月11日 04:46/ 0 赞/ 694 阅读

相关整理的开发工具

技术站点 Hacker News：非常棒的针对编程的链接聚合网站 Programming reddit：同上 MSDN：微软

￡神魔★判官ぃ/ 2022年05月09日 11:26/ 0 赞/ 214 阅读

相关 ElementUI前端开发技巧整理笔记

[ElementUI][]前端开发技巧整理笔记，本博客不定时更新，整理工作中遇到的问题，整理成笔记文章目录 1、实现页面加载效果

短命女/ 2021年09月08日 13:22/ 0 赞/ 412 阅读

相关前端开发和前端开发工具

一前端开发前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动

叁歲伎倆/ 2021年07月24日 18:42/ 0 赞/ 532 阅读