正文

新手必看：轻松用CMD搭建个人网站，一步步教你完成！

/0 浏览量
0411

了解CMD环境

在开始搭建个人网站之前，我们需要了解什么是CMD环境。CMD（命令提示符）是Windows操作系统中的一种命令行界面，它允许用户通过输入命令来执行各种操作。在CMD环境下，我们可以轻松地搭建一个个人网站。

准备工作

在开始之前，请确保你已经完成了以下准备工作：

  1. 安装Node.js和npm：Node.js是一个JavaScript运行时环境，npm是Node.js的包管理器。你可以从Node.js官网下载并安装它们。

  2. 安装Git：Git是一个版本控制系统，可以帮助你管理代码。你可以在Git官网下载并安装。

  3. 选择一个开发环境：你可以使用Visual Studio Code、Sublime Text等文本编辑器来编写代码。

步骤一：创建项目目录

首先，我们需要创建一个项目目录，用于存放我们的网站文件。在CMD中，输入以下命令：

mkdir my_website
cd my_website

这里，我们创建了一个名为my_website的目录，并切换到该目录。

步骤二：初始化项目

在项目目录中，我们需要初始化一个新项目。在CMD中，输入以下命令：

npm init -y

这里，我们使用-y参数自动填写所有默认值，以加快初始化过程。

步骤三：安装依赖

接下来，我们需要安装一些依赖，如Express、EJS等。在CMD中，输入以下命令：

npm install express ejs

这里，我们安装了Express框架和EJS模板引擎。Express可以帮助我们快速搭建服务器，而EJS可以帮助我们渲染页面。

步骤四：创建服务器文件

在项目目录中，创建一个名为server.js的文件。在这个文件中，我们将编写服务器代码。以下是server.js的一个简单示例：

const express = require('express');
const app = express();

app.set('view engine', 'ejs');

app.get('/', (req, res) => {
  res.render('index');
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

在这个示例中，我们设置EJS为模板引擎，并创建了一个路由，用于渲染index.ejs页面。

步骤五：创建模板文件

在项目目录中，创建一个名为views的文件夹，并在该文件夹中创建一个名为index.ejs的文件。以下是index.ejs的一个简单示例：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>我的个人网站</title>
</head>
<body>
  <h1>欢迎来到我的个人网站</h1>
</body>
</html>

在这个示例中，我们创建了一个简单的HTML页面，其中包含一个标题。

步骤六：启动服务器

现在，我们已经完成了所有准备工作，可以启动服务器了。在CMD中，输入以下命令：

node server.js

如果一切正常，你将看到以下输出：

Server is running on http://localhost:3000

这意味着你的服务器已经启动，并且正在监听3000端口。

步骤七：访问网站

在浏览器中，输入以下地址：

http://localhost:3000

你将看到以下页面：

欢迎来到我的个人网站

恭喜你！你已经成功搭建了一个简单的个人网站。

总结

通过以上步骤，你可以在CMD环境下轻松搭建一个个人网站。你可以根据需要添加更多功能，如数据库连接、用户认证等。祝你搭建网站愉快！

-- 展开阅读全文 --