Skip to content

Latest commit

 

History

History
executable file
·
28 lines (16 loc) · 1.83 KB

2022-11-14-easy-ui-copy-component.md

File metadata and controls

executable file
·
28 lines (16 loc) · 1.83 KB
Error in user YAML: (<unknown>): found character that cannot start any token while scanning for the next token at line 1 column 1
---
	layout: post
title: 太强了!前端 UI 代码也能快速复制粘贴
tags: 前端
---

大家好。

做为一个个人独立开发者,虽然是一个后端工程师,但是有时候也需要参与一些前端的开发工作。前端的一些基础开发没什么问题,尤其是有一些现成可用的组件,但是对于我来说最难的是整体的布局、调整 CSS 等操作,而这些代码是不能直接从其他网站进行借鉴拷贝的,如果有一个工具能够帮助我提高在这方面的效率,那简直就太棒了。

今天要推荐一个效率工具 Aspect,能够一键快速从其他网站拷贝 UI 组件出来使用,真的做到了前端代码的复制粘贴,简直就是我这种后端工程师的福音,本来就是前端开发的是不是也很感兴趣?

以上就是拷贝 UI 组件的整体过程,对应的工具 Aspect 是一个浏览器的插件,在任意网站激活该插件并选中对应的 UI 组件,就能够将可用的代码直接拷贝出来,拷贝出来的代码可以在 Aspect 的网站进行测试或者直接粘贴到你的项目代码中。

另外 Aspect 还提供了 UI 设计的能力,能够通过拖拽进行 UI 的设计和开发。

因为 Aspect 代码一般是自动生成的,所以在可读性上会稍差一些,因此 Aspect 提供了模块级的集成,并不需要对代码进行了解,直接使用暴露出来的组件即可。

image-20221114225938246

更多项目详情请查看如下链接:https://sample-code.aspect.app/

关注我们,一起探索有意思的开源项目。