组件库开发（一）

最新推荐文章于 2024-08-01 15:35:54 发布

「已注销」

最新推荐文章于 2024-08-01 15:35:54 发布

阅读量725

点赞数

分类专栏：笔记文章标签： vue

本文链接：https://blog.csdn.net/m0_59850509/article/details/124866903

版权

本文介绍了组件库开发的项目背景，强调了低代码平台在减少重复劳动方面的价值。通过详细步骤展示了如何搭建Vue项目环境，包括全局安装vue-cli，创建项目，安装依赖，运行项目，创建data.json文件，编辑editor.jsx，并引入相关组件。

摘要由CSDN通过智能技术生成

介绍

我们项目实训的题目是 “开发组件库并实现低代码平台的搭建”，我负责的内容主要是一些场景组件，以及部分基础组件和土豆编译器模板项目的搭建。

项目意义

开发者不需要传统的手写的代码的方式来进行编程，可以采用图形化拖拽的方式，配置参数来完成开发工作，低代码的核心：降低重复劳动。

环境搭建

搭建vue项目环境

全局安装vue-cli



　　npm install --global vue-cli

创建项目

控制台输入

vue create low_code

安装依赖

cd vue-demo
cnpm i<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue 组件库开发

wsq_bsdn的博客

04-22

1856

快速原型开发 VueCli提供了一个插件可以进行原型快速开发，需要先全局安装@vue/cli-service-global插件，然后再通过VueCli创建项目。开发时可以使用vue serve 快速查看组件的运行效果 vue serve 如果不指定参数默认会在当前目录下寻找一些入口文件：main.js、index.js、App.vue、app.vue。可以传入参数指定要加载的组件 vue serve ./src/post.vue 结合Element-ui进行快速的原型开发使用命令行vue add

组件库开发

dashenur的博客

08-14

314

2个： admin-common-component：要切到公司私有源中台组件库（业务组件库：减少重复开发、封装暴露）：组件源代码放在package，src:示例代码 Verdaccio:发布公司的包

参与评论您还未登录，请先登录后发表或查看评论

从零开始搭建一个属于你自己的组件库！

最新发布

2401_83384536的博客

08-01

1795

其实组件库这个东西真是早有早好，如果当前团队还没有的话，赶紧搞一个吧。笔者以前也没意识去搞这个东西（还是太菜了），所以做了很多重复的劳动。每做一些新项目，或者参与别人的项目，经常想用一些自己之前封装的组件，都很麻烦，有时候为了不想切来切去，直接就动手写了。现在想想，要是那时候就做了个组件库该多好啊～其实做个简单版的也不是很难，如果是只需要关注一种前端框架的那就更简单了，要考虑的东西更少。把整个组件库搭出来之后，还能找其他小伙伴一起共建，一起维护，不断强大自己团队的组件库，大家一起受益～

组件库设计与实践

u013035708的博客

05-19

1053

组件库作为前端开发的基础设施，在提高开发效率、统一产品风格等方面发挥着关键作用。随着公司业务的快速发展和技术的不断更新,如何建立一个高质量、可持续发展的组件库，已经成为前端技术团队面临的重要挑战。

如何开发前端组件库

天道酬心

02-15

1926

自己如何开发前端组件库，自己开发的组件库应该达到什么效果，前端组件库用到了哪些知识点

漫谈Vue组件库开发

开涛的博客

04-03

2016

2017年是Vue.js大爆发的一年，React迎来了一个强有力的竞争对手，王者地位受到挑战（撰写此文时github上Vue与React的star数量已逼近）。我们团队这一年有十多个大型项目采用了Vue技术栈，在开发效率、页面性能、可维护性等方面都有不错的收效。我们希望把这些项目中可复用的功能组件提取出来，给后续项目使用，以减少重复开发，提高效率，同时也为了致敬前端界“出一个框架，造一遍轮子”的

详解使用React进行组件库开发

08-28

"详解使用React进行组件库开发" 本篇文章主要介绍了使用React进行组件库开发的过程，包括技术选型、开发流程和规范等方面的内容。首先，组件化的开发模式可以极大地提高我们的开发效率，让我们将工作聚焦在业务...

Modelica模型库开发.doc

11-21

总结来说，Modelica模型库开发涉及语言的高级特性，如包管理和动态加载，同时也涵盖了实际工程系统组件的详细建模。这种开发过程不仅需要深入理解Modelica语言，还需要对所建模的物理系统有深入的专业知识。通过有效...

这是一款基于vue与elementu-ui开发的聊天室组件库，在UI上模仿了TIM及微信

05-22

这款基于Vue与Element UI开发的聊天室组件库，正是利用了这两者的优点，为开发者提供了一种快速构建聊天应用的解决方案。 1. **Vue.js**：Vue.js是一个渐进式框架，它允许开发者逐步地引入所需功能，而不是一次性...

包含了一系列实用的组件库，为快速开发Windows桌面应用程序提供支持.zip

02-09

这个名为"包含了一系列实用的组件库，为快速开发Windows桌面应用程序提供支持.zip"的压缩包，显然是为了加速这个过程而设计的。其中包含的ComponentLibrary-master文件，可能是一个完整的组件库源代码仓库，开发者...

grayshift：一个轻量级的前端组件库，用于开发快速而强大的Web界面

02-03

grayshift：一个轻量级的前端组件库，用于开发快速而强大的Web界面

组件库开发（四）

m0_59850509的博客

05-21

240

目录介绍 Checkbox组件 Checkbox属性 LoginReg组件 LoginReg属性介绍本篇主要介绍checkbox组件和login-reg组件 Checkbox组件它的参数如下 checked: 初始值是否选中， theme: checkbox的主题色， disabled：是否禁用， unsure：是否处于<不确定>状态， modelValue：v-model绑定的值 Boolean， si

打造自己的前端组件库(奶妈版，超详细)

博客简介

10-21

1308

vue2打造自己的前端组件库超级详细

前端开发组件库

zzh990822的博客

03-08

1187

方便vue 开发的组件库

如何搭建一个完美的组件库？

azl397985856的专栏

09-11

2152

如何做一个组件库？本篇文章不会讲一个小的组件如何设计，而是会整体讲一个“逼近完美”的组件库是怎么设计的。组件库划分要想设计一个灵活好用的组件库，第一步就是要合理的划分组件，组件的粒度足...

将自己写的组件封装成类似element-ui一样的库，可以cdn引入

andingran3462的博客

06-14

821

在写好自己的组件之后第一步修改目录结构　　在根目录下创建package文件夹，用于存放你要封装的组件第二部　　在webpack配置中加入　　pages与publicpath同级　　pages: { 　　　　index: { 　　　　　　entry: 'src/main.js', 　　　　　　template: 'public/index.html', ...

组件库开发（三）

m0_59850509的博客

05-21

167

介绍本篇主要介绍CheckboxButton组件和CheckboxGroup组件 CheckboxButton组件它的参数如下 checked: 初始值是否选中， theme: checkbox的主题色， disabled：是否禁用， unsure：是否处于<不确定>状态， modelValue：v-model绑定的值 Boolean， size：组件的大小， label：组件的标签 leftBorderRo

组件库开发思想

EmotionComputer

01-16

499

实战：前端玩的就是数据到视图的映射，而react也是在干这个事儿。一个好的组件设计，最好底层还是复用原生的html，然后把用户输入的属性透传到原生的HTML上。 1. Button className函数 this.props.children button属性本身就有disabled 2. Input 参考 HTML 事件参考手册 html input 标签身上具有onChange和onInput事件属性，其实两个作用是一样的 ...

React组件库开发实践与技术选型

使用React进行组件库开发是一项涉及多方面技术的工程，它需要对React有深入理解，同时掌握现代前端构建工具和技术。通过精心设计和规范的开发流程，可以创建出高效、可复用且易于维护的组件库，极大地提升团队的开发...