前端网页可视化布局的曲折实践过程：Axure+Element

15195775117

自从学习前端，我就一直在找类似【Qt设计师】的可视化前端设计工具，一开始，我试了试Bootstrap，它有个在线的可视化布局系统，挺好玩：

https://www.bootcss.com/p/layoutit/
效果如下：





我还买了一本书来看，很快刷完了。
不过，后来刷了一些知乎，感觉Bootstrap似乎落伍了，它是基于jQuery的，jQuery也已经落伍了。
目前最流行的前端框架是Vue和React，它们肯定也有可视化布局这样效率神器，还是在最新技术上耕耘吧。
于是我放下了Bootstrap。


最近几周学了Vue，粗略入门了。
正如我所料，Vue是有Vue UI的，主要有3个：Element、Ant Design、iView
比较了一下，Element似乎好些。
于是上Element的官网，它有个Element_Components，可以安装在Axure上用。


在Axure安装Element_Components是一个曲折的过程，花费了我大半天时间。


【Element_Components下载和安装的曲折过程】


在Element UI网的资源部分：
https://element-plus.gitee.io/#/zh-CN/resource
给出了Axure Components的下载链接，
但是根本无法下载（自动回复：请不要使用迅雷等下载工具，点我查看下载帮助）。


我想分析下载链接地址，复制了下载地址：
https://github.com/ElementUI/Resources/raw/master/Element_Components_v2.1.0.rplib
把它分段粘入浏览器查看，
发现到raw这一级就没有响应了，
但是前面的部分是可以访问的：
https://github.com/ElementUI/Resources/
在这个页面，正好有Element_Components_v2.1.0.rplib文件。


复制这个文件的下载链接，顺利下载了。
下载好后，该文件显示Axure的图标，双击打开，按导航走，顺利安装了。
但是在Axure的元件部分，未能顺利导入，多次尝试无果。


我浏览网上的帖子，发现有个帖子里，能顺利使用的是这个组合：
Axure9+Element_Components_v2.0.0.rplib


于是我又从以上的github地址下载v2.0.0版本的文件，
多次试图下载都失败了。


我又从网上的帖子里找到了网友上传到度盘的v2.0.0文件。
该版本文件导入成功。


操作界面：

angetina

楼主好棒，点个赞