如何用npm初始化一个静态的html项目

你可以通过以下步骤用npm初始化一个静态的HTML项目：

1.创建项目文件夹并进入该文件夹： 

mkdir my-static-site
cd my-static-site

2.运行npm初始化命令：

npm init -y

3.创建一个index.html文件，并添加基本的HTML结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Static Site</title>
</head>
<body>
    <h1>Welcome to My Static Site!</h1>
</body>
</html>

4.如果需要，安装其他工具或库，比如live-server来方便地查看项目：

npm install live-server --save-dev

5.在package.json中添加一个启动脚本：

"scripts": {
    "start": "live-server"
}

6.运行项目：

 

npm start

 

 

posted @ 2024-10-03 07:44  amuro  阅读(399)  评论(0)    收藏  举报