在这个指南中,您将学习如何创建一个基本的Web应用程序。我们将使用一个简单的HTML和JavaScript示例来展示如何构建和运行您的第一个应用程序。

创建您的项目文件夹

首先,创建一个用于存储项目文件的文件夹。您可以在文件管理器中右键单击,然后选择“新建”->“文件夹”。将其命名为my-first-app

mkdir my-first-app

编写您的应用程序

打开命令行窗口,进入您的项目文件夹:

cd my-first-app

创建一个名为index.html的文件,并添加以下内容:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的第一个应用程序</title>
</head>
<body>
    <h1>欢迎来到我的应用程序</h1>
    <p>这是一个简单的Web应用程序。</p>
    <button onclick="greet()">点击我</button>
    <script>
        function greet() {
            alert('您好!');
        }
    </script>
</body>
</html>

保存文件后,您现在拥有了一个简单的Web应用程序。

运行您的应用程序

打开命令行窗口,并运行以下命令来启动本地服务器:

python -m http.server

您应该会看到一条消息,指出服务器正在监听端口8000。打开Web浏览器,并在地址栏中输入 http://localhost:8000/index.html,您应该能够看到您的应用程序正在运行!

扩展阅读

要了解更多关于Web开发的知识,您可以访问我们的开发者中心,了解更多关于HTML和JavaScript的基础知识:/developer-center/docs/tutorials/learn-html-css

HTML 5
JavaScript