Vue 基础库

vue

Vue（读作/vjuː/，类似于 view）是一个用于构建用户界面的渐进式框架。它从头开始设计为可逐步采用，并且可以根据不同的用例在库和框架之间轻松扩展。它由一个仅关注视图层的易于使用的核心库和一个支持库生态系统组成，可帮助您解决大型单页应用程序中的复杂性。

 

vuex

Vuex 是 Vue.js 应用程序的状态管理模式 + 库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式改变。它还与 Vue 的官方devtools 扩展集成，以提供高级功能，例如零配置时间旅行调试和状态快照导出/导入。

 

vue-router

Vue Router 是 Vue 生态系统的一部分，用于页面路由，是一个获得 MIT 许可的开源项目，其持续开发完全得益于赞助商的支持。

 

 

国际化

vue-i18n

Vue.js 的国际化插件。

 

UI 组件库

element-plus

一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。

 

网络

axios

用于浏览器和 node.js 的基于 Promise 的 HTTP 客户端。

 

express

用于node 的快速、独立、简约的 web 应用开发框架。

 

sockjs-client

提供了一个类似 WebSocket 的对象。SockJS 为您提供了一个连贯的、跨浏览器的 Javascript API，它在浏览器和 Web 服务器之间创建了一个低延迟、全双工、跨域的通信通道。

在底层，SockJS 尝试首先使用原生 WebSockets。如果失败，它可以使用各种特定于浏览器的传输协议，并通过类似 WebSocket 的抽象来呈现它们。

SockJS 旨在适用于所有现代浏览器和不支持 WebSocket 协议的环境——例如，在限制性公司代理背后。

SockJS-client 确实需要一个服务器对应物：

 

stompjs

该库为 Web 浏览器（使用 Web 套接字）或 node.js 应用程序（使用原始 TCP 套接字或 Web 套接字）提供 STOMP 客户端。

 

动画

animate.css

跨浏览器的 css3 动画库。

 

图表

echarts

Apache ECharts 是一个免费、功能强大的图表和可视化库，提供了一种向您的商业产品添加直观、交互式和高度可定制的图表的简单方法。它是用纯 JavaScript 编写的，基于zrender，这是一个全新的轻量级画布库。

 

地图

vue-amap

vue-amap 是基于Vue 2.0 和高德地图的地图组件。

 

富文本

mavon-editor

mavon-editor 是一款基于 vue 的 markdown 编辑器，比较适合博客系统。

 

TinyMCE

TinyMCE 是一个轻量级的，基于浏览器的，所见即所得编辑器，支持目前流行的各种浏览器。

Vue 使用文档

 

代码检查

lint-staged

在提交代码之前运行 Linting 更有意义。通过这样做，您可以确保没有错误进入存储库并强制执行代码风格。但是在整个项目上运行 lint 过程很慢，并且 linting 结果可能无关紧要。最终，您只想对将要提交的文件进行 lint。

该项目包含一个脚本，该脚本将运行任意 shell 任务，并将暂存文件列表作为参数，由指定的 glob 模式过滤。

 

eslint

ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具。在许多方面，它类似于 JSLint 和 JSHint，但有一些例外：

  • ESLint 使用Espree进行 JavaScript 解析。
  • ESLint 使用 AST 来评估代码中的模式。
  • ESLint 是完全可插入的，每条规则都是一个插件，您可以在运行时添加更多规则。

 

编解码

 

js-base64

一个Base64转码器。

 

js-md5

MD5 哈希转码器。

 

jsrsasign

'jsrsasign'（RSA 签名 JavaScript 库）是一个开源免费加密库，支持 RSA/RSAPSS/ECDSA/DSA 签名/验证、ASN.1、PKCS#1/5/8 私钥/公钥、X.509 证书、 CRL、OCSP、CMS SignedData、TimeStamp、CAdES JSON Web 签名/令牌/纯 JavaScript 密钥。

 

crypto-js

加密库，支持 MD5、SHA、AES、FROMAT、ENC、MODE、PAD 加密。

 

图片

cropperjs

图片裁剪

 

image-size

得到任何图像的尺寸

 

jimp

图片处理，支持调整大小、裁剪、翻转和旋转、颜色、阿尔法通道、模糊、效果、通道等图片操作。

 

文件操作

file-type

用于检测基于二进制的文件格式。

 

fs-extra

fs-extra添加未包含在本机fs模块中的文件系统方法，支持复制、空目录、确保文件、确保目录、确保链接、确保符号链接、目录、目录、移动、输出文件、输出Json、路径存在、读取JSON、消除、写Json 等文件操作。

 

其他

vue-clipboard2

复制内容到剪贴板。

 

intro.js

用户指引。

 

vue-introjs

vue-introjs 是在 Vue 中绑定 intro.js 所使用的。vue-introjs 中没有内置 intro.js，所以在使用前请确保已安装 intro.js。

babel-polyfill

Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。
polyfill 指的是“用于实现浏览器不支持原生功能的代码”，比如，现代浏览器应该支持 fetch 函数，对于不支持的浏览器，网页中引入对应 fetch 的 polyfill 后，这个 polyfill 就给全局的window对象上增加一个fetch函数，让这个网页中的 JavaScript 可以直接使用 fetch 函数了，就好像浏览器本来就支持 fetch 一样。

 

core-js

JavaScript 的模块化标准库。包括ECMAScript 到 2021 年的 polyfills：promises、symbols、collections、iterators、typed arrays、许多其他特性、ECMAScript 提案、一些跨平台的 WHATWG/W3C 特性和提案，如URL. 您可以仅加载所需的功能或在没有全局命名空间污染的情况下使用它。

 

css-loader

CSS-loader用来读取CSS文件来转换，另一个Style-loader用来往HTML中插入<style>标签。

 

sass-loader

加载 Sass/SCSS 文件并将其编译为 CSS。

 

node-sass

node-sass提供了一个nodejs到libsass的桥梁.libsass是广受欢迎的css预处理器sass的c版本。提供了难以想象的效率来本地编译sass到css文件，甚至可以通过中间件的方式自动编译。

不推荐使用 LibSass 和 Node Sass。虽然他们将无限期地继续接收维护版本，但没有计划添加额外的功能或与任何新的 CSS 或 Sass 功能的兼容性。仍在使用它的项目应该转移到 Dart Sass 上。

 

glob

使用 shell 使用的模式匹配文件，比如星星和其他东西。这是 JavaScript 中的 glob 实现。它使用minimatch 库来进行匹配。

 

js-cookie

用于处理 cookie 的简单、轻量级的 JavaScript API 。

 

nprogress

这是一个类似youtube、Medium等网站上的小进度条插件。纳米级的进度条，涓涓细流动画告诉你的用户，一些事情正在发生！非常适合Turbolinks、PJax或其他Ajax密集型应用程序。

 

 

持续更新中 。。。