计算机调试端口,远程调试器端口分配 - Visual Studio (Windows) | Microsoft Docs

远程调试器端口分配

05/18/2018

本文内容

Visual Studio 远程调试器可作为应用程序或后台服务运行。 当它作为应用程序运行时,它将使用默认分配的端口,如下所示:

Visual Studio 2019:4024

Visual Studio 2017:4022

Visual Studio 2015:4020

Visual Studio 2013:4018

Visual Studio 2012:4016

换而言之,分配给远程调试器的端口数每个版本递增 2。 你可以根据需要设置其他端口号。 我们将在后面部分说明如何设置端口号。

32 位操作系统上的远程调试器端口

TCP 4024(在 Visual Studio 2019 中)是所有方案都必需的主端口。 你可以在命令行或远程调试器窗口中对此进行配置。

TCP 4022(在 Visual Studio 2017 中)是主端口,所有方案都必需。 你可以在命令行或远程调试器窗口中对此进行配置。

在远程调试器窗口中,单击“工具/选项”,并设置 TCP/IP 端口号。

在命令行中,通过 /port 开关启动远程调试器:msvsmon /port 。

可以在远程调试帮助(在远程调试器窗口中按 F1 或单击“帮助 > 用法”)中找到所有远程调试器命令行开关。

64 位操作系统上的远程调试器端口

当启动 64 位版远程调试器时,它默认使用主端口 (4024)。 如果调试 32 位进程,则 64 位版远程调试器会在端口 4025(主端口号加 1)上启动 32 位版远程调试器。 如果你运行 32 位远程调试器,它使用 4024,而不是 4025。

当启动 64 位版远程调试器时,它默认使用主端口 (4022)。 如果调试 32 位进程,则 64 位版远程调试器会在端口 4023(主端口号加 1)上启动 32 位版远程调试器。 如果运行 32 位远程调试器,它将使用 4022,而不使用 4023。

此端口可在命令行中进行配置:Msvsmon /wow64port 。

发现端口

UDP 3702 用于在网络上查找远程调试器的运行实例(例如,“附加到进程” 对话框中的“查找” 对话框)。 它仅用于发现运行远程调试器的计算机,因此如果你有某种其他方式来了解计算机名称或目标计算机的 IP 地址,它是可选的。 这是用于发现的标准端口,因此不能配置端口号。

如果你不想启用发现,则可以在禁用发现的情况下从命令行启动 msvsmon:Msvsmon /nodiscovery。

Azure 上的远程调试器端口

Azure 上的远程调试器使用以下端口。 云服务上的端口映射到各 VM 上的端口。 所有端口都是 TCP。

连接

云服务上的端口

VM 上的端口

Microsoft.WindowsAzure.Plugins.RemoteDebugger.Connector

30400

30398

Microsoft.WindowsAzure.Plugins.RemoteDebugger.Forwarder

31400

31398

Microsoft.WindowsAzure.Plugins.RemoteDebugger.Forwarderx86

31401

31399

Microsoft.WindowsAzure.Plugins.RemoteDebugger.FileUpload

32400

32398

请参阅

<think>嗯,用户想要了解使用Visual Studio Code开发Web的完整教程。首先,我需要确定用户的需求是什么。可能他们是一个刚开始学习Web开发的新手,或者想换用VS Code作为编辑器。不管怎样,我需要提供一个结构清晰、步骤明确的教程,涵盖从环境配置到实际开发的各个方面。 首先,我应该从安装和基本配置开始。用户可能需要知道如何下载和安装VS Code,然后安装必要的扩展,比如Live Server、ESLint、Prettier这些工具,这些对Web开发非常有用。中文语言包也是需要考虑的,特别是如果用户更习惯中文界面的话。 接下来是环境配置,比如Node.js的安装。因为现代前端开发很多工具都依赖于Node.js,比如npm或者yarn。这里可能需要解释如何安装Node.js和验证安装是否成功,以及如何初始化项目。 然后是前端三件套:HTML、CSS、JavaScript的基础部分。用户可能需要一个简单的示例来展示这三者如何结合使用,同时介绍如何在VS Code中高效编写代码,比如使用Emmet快捷键,这能提高开发效率。 框架部分,用户可能对主流的React、Vue或Angular感兴趣。需要分别给出每个框架的创建命令,比如使用Vite来初始化项目,这样更符合现代前端开发的趋势。同时,要提到安装相关扩展,如VSCode的官方扩展,以增强开发体验。 调试和实时预览也是关键点。Live Server扩展非常有用,可以实时看到页面变化,节省手动刷新时间。调试JavaScript可能需要配置launch.json文件,这部分需要简明扼要地指导用户设置。 版本控制部分,集成Git是必须的。用户可能已经了解Git的基础,但需要知道如何在VS Code中使用图形化界面进行操作,比如提交、推送和拉取代码。同时,.gitignore文件的配置也很重要,避免不必要的文件被提交。 高级工具方面,任务自动化如Gulp或Webpack,还有TypeScript的支持,这些可能对有经验的用户更有帮助。需要简要介绍如何配置这些工具,并安装相应的扩展来提升体验。 最后,部署部分,用户可能需要知道如何将项目部署到GitHub Pages或Vercel这样的平台。简单的步骤和命令能帮助他们快速上手。 插件推荐部分,应该列出最常用和有用的扩展,比如Auto Rename Tag、CSS Peek等,这些能显著提高开发效率。同时,主题和图标包可以让编辑器更个性化,提升使用体验。 在整理这些步骤时,需要注意按照逻辑顺序,从安装到配置,再到开发和部署,逐步引导用户。同时,确保所有代码示例和命令准确无误,避免用户操作时出现错误。另外,要使用中文,保持语言简洁明了,符合用户的阅读习惯。 可能还需要考虑用户的潜在问题,比如如何处理常见的配置错误,或者项目结构的最佳实践。但作为基础教程,可能不需要深入这些细节,保持教程的简洁和实用性更重要。总之,目标是让用户能够按照步骤顺利搭建开发环境并开始Web项目,同时了解VS Code的强大功能来提高效率。</think>以下是用Visual Studio Code (VS Code) 开发Web应用的完整教程,分步骤详解: --- ### 一、环境准备 1. **安装VS Code** - 官网下载: [code.visualstudio.com](https://code.visualstudio.com/) - 根据系统(Windows/macOS/Linux)选择对应版本安装 2. **安装基础扩展** - 必装插件: - `Live Server` (实时预览) - `Prettier` (代码格式化) - `ESLint` (代码检查) - `Chinese (Simplified) Language Pack` (中文语言包) - 安装方法:左侧扩展图标 → 搜索插件 → 安装 3. **安装Node.js** - 下载地址: [nodejs.org](https://nodejs.org/) - 验证安装: ```bash node -v # 查看Node版本 npm -v # 查看npm版本 ``` --- ### 二、项目初始化 1. **创建项目文件夹** ```bash mkdir my-web-project cd my-web-project ``` 2. **初始化npm** ```bash npm init -y # 生成package.json ``` --- ### 三、前端开发基础 1. **HTML/CSS/JavaScript** - 创建文件结构: ``` /src ├─ index.html ├─ style.css └─ app.js ``` - **示例代码**: ```html <!-- index.html --> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1 id="title">Hello VS Code!</h1> <script src="app.js"></script> </body> </html> ``` ```css /* style.css */ #title { color: blue; } ``` ```javascript // app.js document.getElementById('title').addEventListener('click', () => { alert('Clicked!'); }); ``` 2. **使用Emmet快速生成代码** - 输入`!` + `Tab` → 自动生成HTML5模板 - 输入`div.container>ul.list>li.item*3` + `Tab` → 生成嵌套结构 --- ### 四、框架开发(以React为例) 1. **创建React项目** ```bash npx create-react-app my-react-app cd my-react-app code . # 用VS Code打开项目 ``` 2. **安装React扩展** - 推荐插件:`ES7+ React/Redux/React-Native snippets` 3. **运行项目** ```bash npm start # 启动开发服务器 ``` --- ### 五、调试与实时预览 1. **使用Live Server** - 右键HTML文件 → `Open with Live Server` - 修改代码后自动刷新浏览器 2. **调试JavaScript** - 创建`.vscode/launch.json`: ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:5500", // Live Server默认端口 "webRoot": "${workspaceFolder}" } ] } ``` --- ### 六、版本控制 1. **集成Git** - 初始化仓库: ```bash git init ``` - 安装插件:`GitLens` - 通过VS Code界面提交代码(左侧源代码管理图标) --- ### 七、部署 1. **静态网站部署** - 使用工具:GitHub Pages / Vercel / Netlify - 示例(Vercel): ```bash npm install -g vercel vercel deploy ``` --- ### 八、插件推荐 | 插件名称 | 用途 | |------------------------|------------------------| | Auto Rename Tag | 自动修改配对的HTML标签 | | CSS Peek | 快速查看CSS定义 | | Bracket Pair Colorizer | 括号颜色配对 | | Material Icon Theme | 文件图标美化 | --- ### 九、学习资源 1. 官方文档: [code.visualstudio.com/docs](https://code.visualstudio.com/docs) 2. 免费课程: freeCodeCamp / MDN Web Docs 3. 实战项目: 克隆GitHub仓库学习(如:`https://github.com/facebook/react`) --- 按照此流程,您可逐步掌握从环境搭建到项目部署的全流程Web开发技能!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值