swiper环境的基础搭建

swiper是什么?:

swiper是一款轻量级的轮播图插件，不仅支持pc端更是为移动端而生，用它可以快速地做出一个轮播图，或者扩展使其做出复杂的轮播效果。

下载swiper方法:

1在官网下载

2在文件夹cmd命令行{

1.npm init -y//格式化

2.npm i swiper@版本

3创建js文件将swiper下的dist文件下的js文件下的min.js文件复制到创建的swiper文件并在html调用

4在html下script中调用函数使其呈现轮播图的效果

}

在html中搭建swiper环境时要链入:

       <link rel="stylesheet" type="text/css" href="css/swiper.min.css">

      <script type="application/javascript" src="js/swiper.min.js"></script>

(  新建两个空文件css,js,在所下载的swiper中找node_modules下的swiper文件夹下的dist文件夹下的两个文件夹css,js从这两个文件夹中找swiper.min.css和swiper.min.js分别复制到相应的空文件夹中引用)