![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端调试工具
maomaolaoshi
每天进步一点点~
展开
-
在vscode中调试webpack
前言接手了公司的新项目,但是由于对整个运作流程不了解,想要一步步进行调试加深对项目印象,所以搜索了相关资料,结合自己实际情况进行调试。调试的两个关键文件package.json正常的package.json{ "name": "my-web", "version": "0.0.1", "scripts": { "dev": "node scripts/start.js", "build": "node scripts/build.js", "test": "n原创 2020-05-15 15:15:30 · 1276 阅读 · 0 评论 -
超实用的Chrome 控制台实用指南
原作者:伯乐在线/秦至出处:微信公众号【前端大全】前言Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还有一部分我想就是因为它的控制台功能强大了吧,说它是神器一点也不过分,很方便。但其实很多开发者并没有用出控制台的精髓,只是使用简单的console.log();其实控制台功能远远不止转载 2017-07-17 12:20:16 · 643 阅读 · 0 评论 -
TypeScript自动化工作流程(中)
自动化任务工具自动化任务工具是用来自动化地执行开发过程中需要重复进行的任务。这些任务包括编译TS文件、压缩JS文件等等。目前较为流行的两个JavaScript自动化工具分别是Grunt和Gulp。Grunt的插件数相对较多,在Grunt中,我们使用文件作为任务的输入和输出。Gulp中,我们使用的 流 的方式来构建系统。Gulp插件更倾向于使用代码来描述任务,这使得Gulp的可读性更高。本人选择Gu原创 2017-11-10 17:38:50 · 2238 阅读 · 0 评论 -
Karma中文配置API
Karma Configuration Options 参数 作用 autoWatch Type:Boolean。默认为true。启用或禁用监视文件,当这些文件被改变时,执行测试。 autoWatchBatchDelay Type:Number。默认为250。当karma监视这些文件的变动时,它会尝试将多个更改分批处理到一个单独的运行中,以便测试运行器不会尝试启动并重新启动正在翻译 2017-11-15 17:18:25 · 3676 阅读 · 0 评论 -
TypeScript自动化工作流程(下)
自动化测试工具自动化测试工具能够自动化地执行应用里的单元测试。 单元测试是指针对代码中的某个函数或某个部分(单元)进行的测试。通过单元测试,可以保证函数按照预期在工作。通过使用自动化测试工具,可以自动在多个浏览器内执行应用的测试套件,而不必手动打开浏览器运行测试。我们使用的自动化测试工具叫做Karma。Karma在Angular2中也有被使用到。 Karma可以和多个流行的单元测试框架兼容。原创 2017-11-26 20:42:25 · 1464 阅读 · 0 评论 -
webpack-stream
最近实习了,自己的空余时间不是很多,文章产出也变少了。今天提前完成任务,恰逢要用到gulp的webpack-stream插件,今天就来翻译+学习一下如何使用它。github的webpack-stream仓库地址:https://github.com/shama/webpack-stream安装使用npm安装:npm install --save-dev webpack-stream使用cnpm安装:翻译 2017-12-07 16:40:47 · 2754 阅读 · 2 评论