有没有方便生成 html 和 css 的设计工具。。。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1642 天前的主题，其中的信息可能已经有所发展或是发生改变。

本人后端开发，最近想学学前端，看了看 vue，感觉还不错。

但是前端开发对我一大障碍就是页面的布局和样式。。。

各位大神请问一下，有没有这样可以傻瓜式的进行页面设计，然后再导出 html 和 css 的工具啊！（本人在这基础上再稍加修改）

如果能支持 element-ui 就最好不过了。

求各位指点

13 条回复 • 2020-05-25 14:06:37 +08:00

ipadpro4k

2020-05-24 22:09:46 +08:00 via iPhone

sketch-code

creanme

2020-05-24 22:11:48 +08:00

imgcook 没用过

renmu123

2020-05-24 22:39:30 +08:00 via Android

vue-ele-form-gen 可以用来可视化生成表单

2kCS5c0b0ITXE5k2

2020-05-24 22:41:54 +08:00

用 ui 库基本上就差不多。。

asanelder

2020-05-24 22:43:17 +08:00

@emeab 仔细看了一个，element-ui 自带布局，准备直接开撸

asanelder

2020-05-24 22:43:43 +08:00

感谢各位，本人准备直接使用 element-ui 开撸了

Jirajine

2020-05-24 22:56:38 +08:00 via Android

前端没有好用的拖控件布局工具，只能靠 css 库。buify/bulma 或者号称 utility first 的 tailwindcss 之类的。

ArtIsPatrick

2020-05-25 00:39:20 +08:00 via iPhone

布局有啥障碍？不会就学呗，都是程序员还有看不懂的文档？

anguiao

2020-05-25 03:27:04 +08:00 via Android

其实布局不难，给个设计稿，不是特别复杂的话，很容易实现。
问题就是没人给你设计，做出来就奇丑无比。

imdong

2020-05-25 03:29:42 +08:00

我说了你可别打我，网页三剑客之 “Adobe Dreamweaver” -- 火速逃命...

ljpCN

2020-05-25 08:50:00 +08:00 via Android

http://zh.learnlayout.com/
个人认为足够应付 90%的开发中用到的布局

asanelder

2020-05-25 14:06:17 +08:00

@imdong 啊，都忘记还有这个软件好久了

asanelder

2020-05-25 14:06:37 +08:00

@ljpCN 好文章，之前看过