最近帮朋友折腾个官网，从零开始搞静态页面，试了一堆软件后才发现，真心只要留三个就够了。过程贼折腾，干脆把踩的坑全记下来。

1. 先试了Dreamweaver这老古董

听说这是专业工具，装好一打开差点劝退。界面花里胡哨的，默认模板全是十年前风格。想拖个文本框进去，结果生成一堆嵌套div代码，看得我头皮发麻。更绝的是保存时弹窗问我用utf-8还是gb2312，这年头谁还用中文编码！折腾半小时果断卸载。

2. 转战轻量软件Sublime Text

隔壁搞前端的老王推荐了这个，装上确实清爽。敲代码时五彩斑斓的配色挺舒服，但纯手写代码太费劲了。做个响应式布局，媒体查询的断点数值全靠心算。最坑的是在手机上预览，每次改完代码还得手动刷新浏览器，改个边距都能折腾半小时。

• 优点：启动快如闪电
• 缺点：没有实时预览要命
• 插件装多了容易卡

3. 终于挖到宝藏工具Webflow

刷油管看到个视频演示，直接在网页里拖来拖去就能排版。半信半疑注册了个免费账号，卧槽拖拽组件居然真能生成干净代码！按钮设置悬停效果只要点两下，调试手机版直接划拉屏幕就行。最香的是自动生成CSS动画参数，以前手写要查半天文档。

我的最终方案

现在固定用这三件套搭配：

• 画草稿用Webflow - 十分钟搭出页面骨架
• 改代码用VS Code - 复制Webflow生成的代码微调
• 传文件靠某云工具 - 直接整个文件夹拖进去发布

刚开始学的那周，光软件就装了十几个G。现在电脑里就这三个工具加浏览器，做企业站、活动页甚至电商专题都够用了。刚接的宠物医院官网单子，从设计到上线就花三天，甲方还夸专业（全程在摸鱼）。工具这玩意，真不是越多越