visual studio code 中 debugger for chrome插件怎样配置使用

Posted 2023-05-03

参考技术A 在chrome浏览器中调试，需要用到DebuggerforChrome插件。使用DebuggerforChrome插件生成三个调试配置项。使用前警告，这个插件相当恶心，你得先把chrome关闭，并且确保所有chrome进程都被杀死了，才能正常使用调试，否则就会总报错：[debugger-for-chrome]Cannotconnecttothetarget:connectECONNREFUSED127.0.0.1:9222默认的第一个是文件，第二个是服务器环境，第三文件和服务器环境，但是需要先启动相应的端口的chrome。第一个就比较简单了，可以直接启动调试。第二个也比较简单，但是注意需要你的项目有个服务器环境，调试不会给你起个服务器环境的，你需要自己起个服务器环境，比如使用live-server、gulp或者iis、apache、nginx等，而且访问地址要和配置项中的url一致。比如你用gulp起了一个Google\Chrome--remote-debugging-port=9222，然后启动调试，在打开的浏览器中输入服务器url或者文件路径都可以进行调试。并且你关闭调试也不会关闭chrome浏览器。以上三种方式，都是在mac下测试过的。再次强调调试前，先杀死chrome所有进程，一般退出chrome即可。

Deepin系统中如何安装Visual Studio Code

Visual Studio代码是由Microsoft开发的一个开源跨平台代码编辑器。它具有内置调试支持、嵌入式Git控件、语法突出显示、代码完成、集成终端、代码重构和代码片段。本文介绍如何在Deepin 15.11上安装Visual Studio Code。
环境
Deepin 15.11

安装VS Code
应用商店下载
点击启动栏里面的应用商店
Deepin系统中如何安装Visual Studio CodeDeepin系统中如何安装Visual Studio Code
然后搜索visual
Deepin系统中如何安装Visual Studio CodeDeepin系统中如何安装Visual Studio Code
点击搜索到的第一个结果，”Visual Studio Code”，然后开始安装就好了。
Deepin系统中如何安装Visual Studio CodeDeepin系统中如何安装Visual Studio Code

Deepin系统中如何安装Visual Studio CodeDeepin系统中如何安装Visual Studio Code

命令行安装VS Code
从VS Code下载安装包，并进行安装：

bob@bob-PC:~/Desktop$ wget https://vscode.cdn.azure.cn/s...
bob@bob-PC:~/Desktop$ sudo dpkg -i code_1.43.2-1585036376_amd64.deb
Deepin系统中如何安装Visual Studio CodeDeepin系统中如何安装Visual Studio Code

开始使用
点击“扩展”按钮，可以在里面搜索适合自己的插件进行安装，装饰自己的编辑器。
Deepin系统中如何安装Visual Studio CodeDeepin系统中如何安装Visual Studio Code

总结
你已经在你的Deepin15.11上成功地安装了VS Code。下一步可能是安装其他组件并自定义用户和工作区设置。