常用第三方Vue/NodeJS组件、工具

已于 2024-09-01 14:42:17 修改
阅读量1.2k 收藏 2
点赞数
分类专栏： vue 文章标签： vue.js
于 2022-04-29 13:48:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/duansamve/article/details/124494239
版权

1、下拉树选择框：vue-treeselect

vue-treeselect 是一个多选组件，具有对 Vue.js嵌套选项支持。

  • 支持嵌套选项的单选和多选
  • 模糊匹配
  • 异步搜索
  • 延迟加载（仅在需要时加载深度选项的数据）
  • 键盘支持（使用Arrow Up & Arrow Down键导航，使用键选择选项Enter等）
  • 丰富的选项和高度可定制的
  • 支持 多种浏览器


需要Vue 2.2+

官网：Vue-Treeselect | Vue-Treeselect 中文网

2、功能强大的JavaScript 拖拽库

官网：Sortable.js中文网

3、压缩文件夹：compressing

官网：compressing - npm

4、JSON生成复杂表单：vue-dynamic-form-component

官网：vue-dynamic-form-component 

5、Json编辑器：v-jsoneditor

官网： GitHub - yansenlei/VJsoneditor: vue use jsoneditor

6、vue进度条插件：nprogress

官网：https://www.npmjs.com/package/nprogress

7、Vue数字滚动插件，用于创建数字计数动画：vue-count-to

8、vue-meta插件：Vue Meta 插件允许你在 Vue 应用中动态管理 HTML 的 <head> 部分，包括设置页面标题、描述、关键词、Open Graph 标签等元数据。这对于改善 SEO、社交媒体分享外观以及实现动态页面标题等功能非常有用。

9、vuedraggable插件：

vuedraggable 是一个基于 Vue.js 和 Sortable.js 的拖拽组件，可以用来创建可拖拽的列表。

10、轻量级模糊查询：fuse.js

11、vue导出文件插件：file-saver插件

12、vue中操作cookie的插件：js-cookie

13、vue jsencrypt插件：用于在 JavaScript 中进行公钥加密的库

14、vue clipboard插件：Vue Clipboard 是一个基于 Clipboard.js 的 Vue 插件，用于在 Vue.js 应用程序中实现剪贴板功能

15、vue3表单构建器：form-create

FcDesigner 在线演示

FcDesigner Vue3版本在线演示

https://github.com/xaboy/form-create-designer

Variant Form 3

Vue3低代码可视化表单: 一款高效的Vue 3低代码表单、工作流表单，包含表单设计器和表单渲染器，可视化设计，一键生成源码，享受更多摸鱼时间。

该低代码可视化表单有完整的API，且能自定义其中的内容，但注意：

可能存在的问题及解决方法
1. 如果使用Vite作为Vue项目的构建工具，Vite会将预构建的依赖缓存到 node_modules/.vite 目录下，如果发现编译打包的VForm3组件复制到 lib/vform 之后没有自动更新，请手工删除新项目里的 node_modules/.vite 目录后重新运行项目。

form-generator：

GitHub - JakHuang/form-generator: :sparkles:Element UI表单设计及代码生成器

vue-form-making：

vue-form-making: 基于Vue的可视化表单设计器，让表单开发简单而高效；高级版本目前已支持 Vue3。

15、vue开发工具下载：

地址：

极简插件官网_Chrome插件下载_Chrome浏览器应用商店

下载 vue.js Devtools，chrome中【扩展程序】->【管理扩展程序】

Vue中常用的第三方库
qq_43882506的博客
06-02 3729
stylus 一种css预处理器，可以更加直观的编写css代码，减少不必要的格式 下载： npm install stylus 使用： 在style标签中加上 lang="stylus"来使用stylus 样式不再需要大括号，而是用缩进来代替 可以省略冒号，用空格代替 不再需要分号来结尾 在style标签中添加scope属性后，样式只会修饰当前组件。 better-scroll 一个用于提高滑动体验的库，可以让移动端的滑动体验更接近于原生APP 下载：仍然是npm下载或script标签引入，没什么好说的
VUE + nodejs实战
06-09
2. **NPM**：Node.js的包管理器，拥有海量的第三方库，开发者可以方便地引入需要的模块，如axios用于HTTP请求，body-parser解析POST请求体，mongoose用于MongoDB操作等。 在"VUE + nodejs实战"中，通常会采用服务端...
vue中treeselect的基本使用
baicai_123的专栏
12-17 5064
0.vue-treeselect中文网地址：https://www.vue-treeselect.cn/ 1.安装插件：npm install --save @riophae/vue-treeselect 2.引用： importTreeselectfrom'@riophae/vue-treeselect'; import'@riophae/vue-treeselect/dist/vue-treeselect.css'; 3.注册： components:{Treeselect}, ...
NodeJS插件
02-03
支持IDEA,PhpStorm,WebStorm,PyCharm,RubyMine,AppCode,CLion,GoLand,Rider的node.js插件，从IDE运行Node.js应用程序并使用内置可视化调试 器调试它们将调试器附加到正在运行的Node.js进程
TreeSelect踩过的一些坑
最新发布
2401_86231751的博客
03-31 280
TreeSelect踩过的一些坑
vue常用的第三方组件库,vue3.0打造企业级组件库
神经网络爱好者
09-14 1336
数据监听，Vue2.x大家都知道使用的是es5的object.defineproperties中getter和setter实现的，而vue3.0的版本，是基于Proxy进行监听的，其实基于proxy监听就是所谓的lazybydefault。虽然是从自己的业务中提取的“基础组件”，但是开源过程中还是非常用心的做了拆分、取舍工作，使组件高扩展。vue的组件库常用的解决方案：COPY：你可能会说我讲究速度，复制之前的组件到新项目中，慢慢的你会发现随着你的项目的增加代码量在成倍上升，重复工作浪费了你很多时间。
Vue配置第三方组件库
m0_73304322的博客
07-15 626
vue3配置阿里ant组件库
第三方组件
来个芒果
07-08 318
1、云标签 TagCloudView 2、全平台Dialog material-dialogs 3、全平台DateTimePicker MaterialDateTimePicker
黑马电商后台管理系统前端vue后端nodejs.zip
12-02
3. **订单管理**：订单创建、支付处理、物流追踪等，需要与第三方支付平台（如支付宝、微信支付）进行接口对接。 4. **库存管理**：实时库存更新，库存预警，与物流系统的协同。 5. **数据分析**：销售统计、用户...
基于Vue+Nodejs+Express在线购物商城设计源码案例设计.zip
04-19
8. **支付集成**：为了实现在线支付，项目可能集成了第三方支付平台的SDK，如支付宝、微信支付等，处理支付请求和回调。 9. **前端路由（vue-router）**：Vue-router是Vue.js官方的路由管理器，用于实现页面的动态...
nodejs常用组件
weixin_33721427的博客
09-28 235
mssql 用途：连接SqlServer数据库   node-excel-export 用途：导出excel表格   nodegrass 用途：模拟用户进行get/post请求，下载文件等   uuid 用途：生成全球唯一标识的. 官网：https://npm.taobao.org/package/uuid 示例： import uuid from 'uuid'; ...
Vue.js最常用的第三方插件
青梅煮码
05-03 885
1. Vue.js devtools 用于开发调试Vue.js的一个必备插件。可以在Chrome中的扩展程序中直接安装，也可以本地文件的方式安装。 2. nprogress页面顶部进度条 当路由切换事会在浏览器的顶部出现一个蓝色进度条用于表示路由切换的进度，并在又上角有个蓝色loading的动画。 一般情况下切换到目标路由时，在目标路由中的生命周期中可能会做一些处理（如...
Vue的组件库大全
我就是我是好孩子的博客
05-07 7271
它是由 Mozilla 团队开发的，建立在 HTML、CSS 和 JavaScript 的基础上，通过简单的标记语言和组件系统，使开发者能够轻松创建和展示交互式的 VR 和 AR 内容。
Vue开发中常用的组件库
doiido的专栏
10-30 1591
3. Ant Design Vue：Ant Design Vue是一个借鉴Ant Design实现的Vue组件库，它提供了一套漂亮、易于使用的UI组件，如按钮、布局、表格等。1. Element UI：Element UI是一个非常流行的基于Vue的组件库，它提供了一系列美观、易于使用的UI组件，如按钮、表格、表单等。它还提供了一套灵活的主题和样式定制选项。6. Muse-UI：Muse-UI是一个基于Vue的响应式UI组件库，它提供了一套漂亮、易于使用的UI组件，如按钮、表格、对话框等。
Vue前端开发常用第三方资源库
weixin_42160499的博客
04-19 954
Vue开发常用 JavaScript 库、css库等
vue——常用的第三方插件安装合集（可详细了！持续更新）
朕的博客
03-20 6371
前言： 本文将会给各位客官列出vue常用的一些第三方插件推荐和安装方法及项目中的调用及使用方法，如果有遗漏没有写的好用的插件欢迎各位客官评论，本文将持续更新 插件序列表： Axios（官方推荐的ajax数据请求的插件） Vue-Router（vue路由管理插件） Vuex（vue数据中心化状态管理插件） Less（css预处理插件） Sass（css预处理插件） Element-Ui（饿了么ui...
Vue：在项目中引入第三方UI组件库——饿了吗Element UI组件库和ATUI组件库
灿灿大王搭建的黄金屋
05-28 5273
1、引入Element组件库： 首先我们使用npm的方式安装：它能更好地和webpack打包工具配合使用。 npm i element-ui -S 然后我们在使用样式的页面引入样式和组件库即可： <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-cha...
Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏） 、动画组件库、文本编辑器，富文本、Markdown，3D组件库，Markdown网站】
热门推荐
程序员猫爪
11-29 3万+
Vue组件库，超100个Vue组件库，Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏） 、动画组件库、文本编辑器，富文本Markdown，3D组件库】
Execution failed for task ':app:shrinkReleaseRes'.
01-11
### 构建任务失败解决方案 当遇到 `Execution failed for task ':app:shrinkReleaseRes'` 错误时，这通常意味着资源压缩过程中出现了问题。此错误可能由多种原因引起，包括但不限于配置不正确、依赖冲突或特定于项目的其他因素。 #### 可能的原因分析 1. **ProGuard 或 R8 配置不当** ProGuard 和 R8 是用于优化和混淆代码以及减少 APK 大小的工具。如果这些工具的配置存在问题，可能会导致资源无法正常处理[^1]。 2. **重复资源** 如果项目中有多个模块定义了相同的资源名称，可能导致冲突并引发该错误。检查是否存在重名的 drawable、string 等资源文件[^2]。 3. **第三方库兼容性** 某些第三方库可能与当前使用的 Gradle 插件版本或其他库存在兼容性问题，从而影响到资源打包过程中的行为[^3]。 4. **Gradle 缓存问题** 有时旧缓存数据会干扰新编译的结果，尝试清理本地仓库和重新同步项目可以帮助排除此类潜在障碍[^4]。 #### 推荐的操作方法 为了有效解决问题，建议按照以下步骤逐一排查： ```bash # 清理项目构建目录 ./gradlew clean # 删除 .gradle 文件夹下的所有内容以清除缓存 rm -rf ~/.gradle/caches/ ``` 调整 `build.gradle` 中的相关设置也是一个重要环节： ```groovy android { ... buildTypes { release { minifyEnabled true // 是否启用代码缩减 shrinkResources true // 是否开启资源压缩 proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' // 尝试禁用 shrinkResources 来测试是否为资源压缩引起的错误 // shrinkResources false } } } ``` 此外，在 `proguard-rules.pro` 文件内添加必要的保留规则，防止关键类被意外移除: ```text -keep class com.example.yourpackage.** { *; } # 替换为你自己的包路径 -dontwarn androidx.**,com.google.** # 忽略警告信息 ``` 最后，确保所使用的 Android Studio 版本是最新的稳定版，并且已经应用了所有的补丁更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值