您现在的位置是:首页 > Javascript
当前栏目
VSCode调试js代码的几种方式
2023-03-31 11:04:55 时间
背景
在leetcode刷题时需要调试js代码
代码写在.js文件中
方式一 node.js
安装node.js
配置launch.json
左侧【运行和调试】,【F5】启动调试,下方【调试控制台】查看输出;
【F11】单步调试,在左侧查看【变量】。
也可在vscode下方【终端】(其实就是集成的Windows Powershell) 或 运行【powershell】,使用【node 文件】命令执行js代码;
方式二 Chrome
安装插件【JavaScript Debugger】和【Open in Browser】
其中【JavaScript Debugger】集成了原【Debug for Chrome】
插件【Open in Browser】安装后html文件右键菜单显示【Open In Default Browser】和【Open In Other Browser】
配置.html文件,在文件中引入.js文件
引用方式:使用<script>标签
html文件内,右键菜单选择【Open In Default Browser】
如果想浏览器实时反馈文件修改,选择【Open with Live Server】
浏览器界面:查看html标签和布局
浏览器【开发者工具】-【Console】:查看 console.log() 输出
浏览器弹窗:查看 window.alert() 输出
相关文章
- TiDB Binlog 组件正式开源
- 使用Visual Studio Code对Node.js进行断点调试
- 推荐!数据可视化的十种优秀JavaScript图表库
- Node.js在复杂集成场景下占据统治地位的五个理由
- 玩转Node.js单元测试
- Node.js中内存泄漏分析
- Angular对React:一场关于Web开发者支持率的史诗对决
- 热点推荐:什么是后端开发?
- 谈谈Spring boot 启动层面的开发
- 使用NodeJS将文件或图像上传到服务器
- 编写React组件的最佳实践
- JavaScript MV*框架最值得关注的七个亮点
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件