https://github.com/savoygu/wepg

web 常用插件，目前包括：PageSwitch 全屏滚动，Tab 标签页...
https://github.com/savoygu/wepg

jquery pageswitch plugins tab web

Last synced: about 13 hours ago
JSON representation

web 常用插件，目前包括：PageSwitch 全屏滚动，Tab 标签页...

• Host: GitHub
• URL: https://github.com/savoygu/wepg
• Owner: savoygu
• Created: 2018-10-15T09:22:20.000Z (about 6 years ago)
• Default Branch: develop
• Last Pushed: 2019-01-23T11:00:47.000Z (almost 6 years ago)
• Last Synced: 2024-09-21T09:06:34.481Z (about 2 months ago)
• Topics: jquery, pageswitch, plugins, tab, web
• Language: JavaScript
• Homepage:
• Size: 1.61 MB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# 说明文档

## 安装

全屏滚动：PageSwitch [预览](https://codepen.io/savoygu/pen/WaYNbo)

```bash

# 原生 JavaScript

npm install @wepg/pageswitch

# jQuery

npm install @wepg/pageswitch-jquery

```

标签页：Tab [预览](https://codepen.io/savoygu/pen/bmQGvR)

```bash

# 原生 JavaScript

npm install @wepg/tab

# jQuery

npm install @wepg/tab-jquery

```

## 新建插件开发结构

例如：开发一个轮播图插件

```bash

# Carousel 会作为全局对象，所以首字符必须大写

npm run new -- Carousel 轮播图

```

## 运行与构建

```bash

# 开发 jQuery tab 插件

name=tab npm run dev:$

# 开发原生 js tab插件

name=tab npm run dev:native

# 构建 jQuery 插件

npm run build:$

# 构建原生 js 插件

npm run build:native

# 构建所有 js 插件

npm run build

```

## 项目搭建

1. 创建 git 项目，然后 clone 到本地

```bash

git clone

```

2. 初始化 package.json 文件

```bash

npm init

```

3. 创建 `.editorconfig` 文件

```bash

# 安装 editorconfig-cli

npm install -g editorconfig-cli

# 初始化配置

ec init

```

4. 创建 `.eslintrc.json` 文件

```

# 安装 eslint

npm install eslint --save-dev

# 初始化配置

npx eslint --init

```