记录一下 TypeScript 刷题体验
简单聊聊前端刷算法
正式说之前,想先说说我自己的一些经历
虽然我大学本科就是学计算机的,但是学的都是后端语言 C、C++、Java
在刚刚接触前端开发的时候有很多问题都充满了疑惑
比如说,为什么我没法像后端语言那样简单的点击 IDE 的运行按钮,就让程序的输出结果显示在终端里?
为什么 JavaScript 只能依附于 html 文件,必须要用浏览器打开,用 Chrome 开发者工具进行 debug?
虽然我在学习 C++ 的时候,也会用 VS Code 来跑一些小项目,但是更多时候还是会使用高度集成的 IDE 写代码 —— Visual Studio 写 C++ 、IDEA 写 Java
如何使用 VS Code 调试 JS/TS 代码
先聊聊 VS Code 自身的 debugger
如果你点击了 VS Code 的 Debugger 工具,就会发现,你需要先创建 launch.json 文件来配置 Debugger,但是这个自带的配置其实很难用,最致命的点就是他并不会根据你打开的文件进行调试,而是创建的时候打开的是哪个文件就去调试那个文件,这是由于 json 设置的问题,虽然手动修改可以解决这个问题,但是没必要。
VS Code JavaScript 调试终端
这个是新功能,在终端界面或者 debugger 界面点击就可以打开一个 JavaScript 调试终端
相信很多人会和我一样,对于这个东西可能一头雾水,但其实你在新打开的名为“JavaScript 调试终端”的终端里面输入:
1 | node test.js |
这里假设 test.js 就是你要进行调试的文件,在 JavaScript 调试终端中用 node 启动你想要调试的代码,VS Code 接下来就会自动进入调试模式,用 debugger 打开这个文件:
对于 TypeScript 来说是类似的操作,区别就是需要先安装 ts-node 工具:
1 | npm install ts-node |
安装之后就是几乎一样的操作:
1 | ts-node test.ts //test.ts是你想要调试的文件 |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Michael Li!