正文

轻松学会：从零开始，用CMD搭建专属个人网站全攻略

/0 浏览量
0731

了解CMD与个人网站搭建

什么是CMD？

CMD，即命令提示符（Command Prompt），是Windows操作系统中的一个基本组件，它允许用户通过输入命令来执行各种操作，如文件管理、程序启动等。使用CMD搭建个人网站，可以让你更深入地理解网站背后的技术原理。

为什么选择CMD搭建个人网站？

  1. 深入学习技术原理：通过CMD搭建网站，你可以亲身体验网站开发的过程，从而更好地理解HTTP、HTML、CSS、JavaScript等基本技术。
  2. 提高动手能力：CMD操作需要一定的耐心和细心，通过不断练习，可以提高你的动手能力和问题解决能力。
  3. 节省成本：使用CMD搭建网站无需购买昂贵的服务器，只需一台Windows电脑即可。

环境准备

安装Node.js

  1. 访问Node.js官网（https://nodejs.org/）。
  2. 下载适合你操作系统的安装包。
  3. 运行安装包，按照提示完成安装。

安装Express

  1. 打开CMD，输入以下命令：
npm install express -g
  1. 等待安装完成。

创建项目

新建项目文件夹

  1. 打开CMD，输入以下命令：
mkdir myWebsite
cd myWebsite
  1. 创建一个名为myWebsite的文件夹，并进入该文件夹。

初始化项目

  1. 输入以下命令，初始化项目：
npm init -y
  1. 等待初始化完成。

安装Express

  1. 输入以下命令，安装Express：
npm install express --save
  1. 等待安装完成。

编写代码

创建服务器

  1. 在项目文件夹中，创建一个名为app.js的文件。
  2. 打开app.js文件，输入以下代码：
const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});

运行服务器

  1. 打开CMD，进入项目文件夹。
  2. 输入以下命令，运行服务器：
node app.js
  1. 打开浏览器，访问http://localhost:3000/，你应该能看到“Hello World!”的提示。

网站开发

添加静态文件

  1. 在项目文件夹中，创建一个名为public的文件夹。
  2. 将HTML、CSS、JavaScript等静态文件放入public文件夹中。
  3. 修改app.js文件，添加以下代码：
app.use(express.static('public'));

添加路由

  1. 在app.js文件中，添加以下代码：
app.get('/about', (req, res) => {
  res.send('About me');
});
  1. 打开浏览器，访问http://localhost:3000/about，你应该能看到“About me”的提示。

总结

通过以上步骤，你已经成功使用CMD搭建了一个简单的个人网站。接下来，你可以继续学习更多前端和后端技术，丰富你的网站功能。记住，实践是检验真理的唯一标准，不断尝试和改进，你的网站一定会越来越优秀！

-- 展开阅读全文 --