使用插件代码 | 心知天气文档

使用插件代码

新建一个 index.html 页面，并添加以下代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- 将生成的代码复制到此处↓↓↓ -->
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12

提示：在生成的插件代码中，默认 DOM 的插入位置为：<div id="tp-weather-widget"></div>，【浮动气泡】插件不受该 DOM 位置的影响，【固定极简】插件会插入到此 DOM 所在位置。

将上一步【获取插件代码】中生成的代码复制到  下方，并保存。
在控制台输入
```
npx http-server -p 3000
```
1
启动一个简单的 http 服务器，并打开 http://localhost:3000 查看插件效果

下一步