这些IDE和代码编辑器你用过几个?

2021-03-12
阅读 5 分钟
5.2k
IDE与代码编辑器首先我们应该分辨 IDE 和代码编辑器之间的区别。简单的说,IDE 是一组集成在一起的工具:文本编辑器、编译器、构建或进行集成、调试等。通常 IDE 仅限于一种编码语言或框架。但有时我们只需要用来编辑代码的工具——代码编辑器。代码编辑器与典型的 IDE 不同,你可以把它用于自己喜欢的任何一种编码语言或...

VS Code 调试完全攻略(6):调试用 TypeScript 开发并打包的 React 📦

2020-06-03
阅读 4 分钟
6.1k
说到前端,我现在选择的武器是 React、TypeScript 和 Parcel trinity。这是一个简单、可靠而且高效的设置,只需最少的配置。本文将向你展示如何在 VS Code 中创建匹配的调试器。

VS Code 调试完全攻略(5):基于浏览器的 React 应用

2020-06-02
阅读 4 分钟
8.3k
这次我们来研究怎样把调试器连接到用 Create React App 生成的 React 程序。我们将看到如何从 VS Code 启动浏览器并检查远程异步 API 调用。它超级强大,同时又很容易,所以在调试 CRA 和 React 程序时没有理由不这样做。

VS Code 调试完全攻略(4):launch.json 和调试控制台

2020-06-01
阅读 2 分钟
18.6k
一些更强大的调试功能仅在专用的配置文件中可用。这次我们要创建一个 launch.json 和内置的 VSCode 调试控制台。本文将会解决我们在调试复杂的真实程序之前的最后一个难题。

VS Code 调试完全攻略(3):编辑变量并重新执行函数

2020-05-29
阅读 3 分钟
6.3k
作者:Charles Szilagyi翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 可以通过在调试器中重新执行代码块,来查看它们在不同情况下的行为。在调用栈中修改变量并重新执行函数可以让你节省大量的时间! VS Code 调试完全攻略系列目录 基础知识 步进逐行调试 编辑变量并重新执行函数 launch.json 和调试控制台 基于浏...

VS Code 调试完全攻略(2):逐行步进调试

2020-05-28
阅读 4 分钟
12k
在要检查的代码之间导航很重要。如果去遍历代码的每一行,那将会是乏味且没有必要的。调试器提供了便捷的方法来查看重要的内容,并跳出无关紧要的代码块。让我们看看怎样在调试时进入、跳过和退出函数!

VS Code 调试完全攻略(1):基础知识

2020-05-27
阅读 4 分钟
4k
在接下来的几篇文章中,我们将研究如何以专业的方式调试 JavaScript 和 TypeScript 代码。我们将学习如何使用 Visual Studio Code 中内置的调试器,而不是让 console.log 到处乱飞。

Debug Visualizer:用于 VS Code 调试中的可视化数据插件

2020-02-26
阅读 4 分钟
6.8k
安装此扩展后,使用命令 Open a new Debug Visualizer View 打开新的可视化器视图。在这个视图中,你可以输入一个表达式,该表达式在逐步分析你的代码时会进行评估和可视化,例如

可以用在 VS Code 中的正则表达式小技巧

2019-05-14
阅读 3 分钟
12.4k
你是不是一直都想学正则表达式,但是因为它的复杂性而被推迟了?在本文中,我将向你展示五个易于学习的正则技巧,你可以立即在自己喜欢的文本编辑器中使用它们。

8 个给前端的顶级 VS Code 扩展插件

2019-03-11
阅读 3 分钟
18.9k
微软的 VS (Visual Studio) Code 是一个免费的开源代码编辑器,最近越来越受欢迎。它非常轻巧、灵活,同时也提供了很多强大的功能。它支持绝大多数流行的编程语言,包括PHP、JavaScript、C++ 等。