发布日期:2025-04-04 10:35浏览次数:
今儿个心血来潮,想捣鼓个网站玩玩,就选*。之前也听过这玩意儿挺火的,上手应该不难,正好试试水。记录一下整个过程,省得以后忘。
先得有个地儿写代码,还有个能跑代码的环境,对?
这*安装也简单。直接去官网下一步下一步就完事,检查一下,在命令行敲个 node -v ,能看到版本号就表示装好。
node -v
,看看版本号,有就表示装好。听说有个叫Express的框架,用起来方便,能省不少事儿。就它!
先建个文件夹,就叫my-website。在命令行里cd进去,用npm来安装Express,它会自动把需要东西都装
npm install express --save
新建个文件,起个名字叫*,这就是咱网站的主程序。
打开*,开始写代码!
先把Express引进来,然后创建一个Express的实例,就叫它app。
const express = require('express');
const app = express();
咱得让网站能响应请求。最简单的,先来个“Hello World!”。用*()方法,指定一个路径'/',就是网站的首页。当有人访问首页的时候,就执行一个函数,发送“Hello World!”给访问者。
*('/', (req, res) => {
*('Hello World!');
得让网站跑起来。用*()方法,指定一个端口号,比如3000。这样,网站就在3000端口监听请求。
*(3000, () => {
*('网站跑起来,端口3000!');
保存*文件。在命令行里,cd到my-website文件夹,输入node *,回车!
没报错,看到输出“网站跑起来,端口3000!”,妥!
打开浏览器,输入localhost:3000,看到“Hello World!”,成!
光秃秃的一个“Hello World!”也太单调。咱再加点儿内容。
用Express可以处理静态文件,比如HTML、CSS、图片啥的。
在my-website文件夹里,新建一个文件夹,叫public。把HTML、CSS、图片都放进去。
在*里,加一行代码,告诉Express去public文件夹里找静态文件。
*(*('public'));
把public文件夹里的*文件简单修改,加点内容。
重新运行*,刷新浏览器,内容变!
今天这*建站初体验还不错,挺简单的。
这只是个最最基本的网站,要真想弄个像模像样的网站,还得学很多东西。
不过万事开头难,迈出第一步,后面就好办。以后再慢慢研究,继续折腾!