1.0.0-alpha.5 • Published 9 months ago

fast-element-plus v1.0.0-alpha.5

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
9 months ago

| En

前言

为什么又会基于 Element Plus 去封装一层组件库呢?

前人栽树 后人乘凉 因为本人技术有限,导致只能站在巨人的肩膀上去遥望远方。(说白了就是菜) 开发效率 因为在实际的业务开发中,单纯的 Element Plus 组件库如果直接使用的话效率会很低。(但是我并没有说 Element Plus 不好用) 适合的封装 相反,恰恰是因为它好用,所以我才进行了封装,使其对于我来说,或者说对于我们这些每天只会 CRUD工程师/开发者 来说,才是最合适的,开发效率最快的。

安装

站在巨人肩膀上 Element Plus

因框架依赖 Element Plus,所以需要同时安装 Element Plus 才可正常使用。

使用包管理器

# 选择一个你喜欢的包管理器

# NPM
npm install fast-element-plus

# Yarn
yarn add fast-element-plus

# pnpm(推荐)
pnpm install fast-element-plus

浏览器直接引入

unpkg
<head>
  <!-- 导入样式 -->
  <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
  <!-- 导入 Vue 3 -->
  <script src="//unpkg.com/vue@3"></script>
  <!-- 导入 Element Plus 组件库 -->
  <script src="//unpkg.com/element-plus"></script>
  <!-- 导入组件库 -->
  <script src="//unpkg.com/fast-element-plus"></script>
</head>
jsDelivr
<head>
  <!-- 导入样式 -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css" />
  <!-- 导入 Vue 3 -->
  <script src="//cdn.jsdelivr.net/npm/vue@3"></script>
  <!-- 导入 Element Plus 组件库 -->
  <script src="//cdn.jsdelivr.net/npm/element-plus"></script>
  <!-- 导入组件库 -->
  <script src="//cdn.jsdelivr.net/npm/fast-element-plus"></script>
</head>

使用

main.ts

import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import FastElementPlus from "fast-element-plus";
import App from "./App.vue";

const app = createApp(App);

// 全局注册
app.use(FastElementPlus);

app.mount('#app');

Volar 支持

如果您使用 Volar,请在 tsconfig.json 中通过 compilerOptions.type 指定全局组件类型。

{
  "compilerOptions": {
    // ...
    "types": ["fast-element-plus/global"]
  }
}

更新日志

更新日志 点击查看

协议

Fast.Element.Plus 遵循 Apache-2.0 开源协议,欢迎大家提交 PRIssue

Apache开源许可证

版权所有 © 2018-Now 小方

特此免费授予获得本软件及其相关文档文件(以下简称“软件”)副本的任何人以处理本软件的权利,
包括但不限于使用、复制、修改、合并、发布、分发、再许可、销售软件的副本,
以及允许拥有软件副本的个人进行上述行为,但须遵守以下条件:

在所有副本或重要部分的软件中必须包括上述版权声明和本许可声明。

软件按“原样”提供,不提供任何形式的明示或暗示的保证,包括但不限于对适销性、适用性和非侵权的保证。
在任何情况下,作者或版权持有人均不对任何索赔、损害或其他责任负责,
无论是因合同、侵权或其他方式引起的,与软件或其使用或其他交易有关。

免责申明

请勿用于违反我国法律的项目上

贡献者

感谢他们的所做的一切贡献!

补充说明

如果对您有帮助,您可以点右上角 ⭐Star 收藏一下 ,获取第一时间更新,谢谢!