如何在VS Code中运行ASPX文件？ASP.NET新手实操求助

我正在学习ASP.NET，但卡在了运行ASPX文件的第一步，无法实操。我编写了如下代码，保存为compare_validator.aspx，但点击文件只会打开VS Code，没法像HTML那样直接在浏览器预览。想问下在VS Code里运行ASPX文件需要额外配置吗？求相关建议。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="compare_validator_demo.aspx.cs"   
Inherits="asp.netexample.compare_validator_demo" %>  
<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
<title></title>  
<style type="text/css">  
.auto-style1 {  
width: 100%;  
        }  
.auto-style2 {  
height: 26px;  
        }  
.auto-style3 {  
height: 26px;  
width: 93px;  
        }  
.auto-style4 {  
width: 93px;  
        }  
</style>  
</head>  
<body>  
<form id="form1" runat="server">  
<table class="auto-style1">  
<tr>  
<td class="auto-style3">  
                        First value</td>  
<td class="auto-style2">  
<asp:TextBox ID="firstval" runat="server" required="true"></asp:TextBox>  
</td>  
</tr>  
<tr>  
<td class="auto-style4">  
      Second value</td>  
<td>  
<asp:TextBox ID="secondval" runat="server"></asp:TextBox>  
       It should be greater than first value</td>  
</tr>  
<tr>  
<td class="auto-style4"></td>  
<td>  
<asp:Button ID="Button1" runat="server" Text="save"/>  
</td>  
</tr>  
</table>  
<asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="secondval"   
ControlToValidate="firstval" Display="Dynamic" ErrorMessage="Enter valid value" ForeColor="Red"   
Operator="LessThan" Type="Integer"></asp:CompareValidator>  
</form>  
</body>  
</html>  

运行ASPX文件的必要条件与VS Code配置建议 #

ASPX是ASP.NET的服务器端页面，不能像静态HTML那样直接双击在浏览器打开，必须依赖.NET运行时和Web服务器才能解析执行。以下是具体配置和运行步骤：

1. 安装核心工具 #

• 安装对应版本的.NET SDK：根据你使用的ASP.NET类型选择（.NET Framework用于传统Web Forms，.NET 6+用于ASP.NET Core），安装后通过终端输入dotnet --version验证环境是否配置成功。
• 安装VS Code扩展：添加C# Dev Kit和ASP.NET Core Tooling扩展，提供项目语法支持、调试和运行能力。

2. 规范项目结构 #

ASPX文件无法单独运行，必须放入标准ASP.NET项目结构中：

• 若使用ASP.NET Web Forms（.NET Framework）：
  • 可通过Visual Studio创建Web Forms模板项目，再导入VS Code；或通过dotnet new命令生成基础项目结构。
  • 将compare_validator.aspx和对应的代码隐藏文件compare_validator_demo.aspx.cs放置在项目根目录下，确保页面中CodeBehind和Inherits属性与文件路径、类名完全匹配。
• 若使用ASP.NET Core：Web Forms已被Razor Pages/MVC替代，若需兼容需依赖第三方组件，更推荐直接使用Core原生的验证机制。

3. 在VS Code中启动项目 #

• 打开项目文件夹，按下Ctrl+Shift+P（Windows）/Cmd+Shift+P（Mac），输入并执行dotnet run命令启动内置Web服务器。
• 服务器启动后，在浏览器中访问指定的本地URL（通常为https://localhost:5001或http://localhost:5000），加上页面路径（如/compare_validator.aspx）即可预览。

4. 常见问题排查 #

• 确认代码隐藏文件compare_validator_demo.aspx.cs存在，且命名空间、类名与ASPX页面的Inherits属性一致。
• 若使用.NET Framework，可安装VS Code的IIS Express扩展，快速启动兼容的Web服务器。
• 检查项目依赖是否完整，可通过dotnet restore命令修复缺失的包。

内容的提问来源于stack exchange，提问作者Arjun Malhotra