如何将 Codepen 脚本添加到我的文件中（见屏幕截图）

Question

一直在研究这个代码笔：https://codepen.io/aladin94/pen/QWjgKNz

想知道如何将脚本（用于 codepen 上的 Swiper 内置库）正确添加到我在 VS Code 上的文件中。

我试过将 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css"> 添加到我的 Head 标签中，

并在我的 Body 标签末尾添加 <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script>，但这会导致我的网站完全空白。

代码笔的截图：

我是否需要 npm 安装库或在我的 package.json 文件中添加脚本？

Answer 1

要将 swiper 添加到您的项目中，请访问此站点： https://swiperjs.com/get-started/

基本上这是你如何包含它：

<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">

<script src="https://unpkg.com/swiper/js/swiper.js"></script>
<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>

如何将 Codepen 脚本添加到我的文件中（见屏幕截图）

How to add Codepen scripts to my files (see screenshot)

html

javascript

css

codepen