常见问题

无法加载文件,因为在此系统上禁止运行脚本

使用管理员身份打开powershell

输入命令,再输入y即可

Set-ExecutionPolicy RemoteSigned

调试前端程序

调试React

切换到vscode运行和调试的tab页,点击创建launch.json文件

并且选择Web应用(Chrome)

修改一下配置

{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "react调试",
"url": "http://localhost:3000", // 前端程序的地址
"runtimeExecutable": "canary",
"runtimeArgs": [
"--start-maximized",
"--auto-open-devtools-for-tabs"
],
"webRoot": "${workspaceFolder}"
}
]
}

"runtimeExecutable": "canary",表示使用canary版本的谷歌浏览器启动

设置完配置之后,执行调试,就会弹出谷歌浏览器,在vscode中打断点就可以进行调试了

注意:需要前端项目与调试程序一起打开

快捷键

行位插入光标

选中一段代码,输入快捷键Alt+Shift+I

可以在该段代码中的每一行代码的后面添加光标