今天捣鼓H5页面开发工具这事儿，必须跟你们唠唠。我可不是那种光列清单的博主，全是自己实打实踩坑踩出来的！昨儿新接了个小项目，琢磨着正好试试几个新工具，结果差点把自己绕进去。

一、从脑壳疼开始

早上九点打开电脑，盯着空白文档发愣。得先搞个趁手工具！以前用记事本写过H5，那叫一个酸爽，标签漏半个都能折腾一上午。这回学乖了，麻溜打开浏览器开始翻。

二、挨个戳开试

头一个试的是Visual Studio Code。这玩意儿安装包倒不大，装完戳开插件市场直接懵了——密密麻麻跟蚂蚁窝似的！硬着头皮搜“H5”，哗出来几百个。随手装了仨：啥自动补全标签的、代码美化的、实时预览的。捣鼓半天发现预览功能得配合Live Server插件，折腾到十点半，终于能在浏览器里看见改动效果了。顺手敲了段代码试水：

• 打<div>自动补全闭合标签 ✓
• CSS写错颜色直接标红 ✓
• 保存时自动格式化乱糟糟的代码 ✓

就是插件太多容易犯选择困难症，装多了卡得我风扇嗷嗷转！

三、换备胎继续

下午琢磨着找个更轻量的，翻出八百年前用过的Sublime Text。解压就能用确实快，但写H5差点意思——预览功能得手动刷新浏览器！我这种改个边距就想实时瞅效果的人，改三行代码按了二十次F5，胳膊差点废了。插件倒是也能装，可配置起来比VSCode还玄学，改个设置文件跟破译密码似的。

四、折腾大块头

不死心又下了个Dreamweaver CC（别问为啥是CC版本，破解版资源站写的CC咱也不敢说）。好家伙安装包3个G！等安装时泡了杯茶还看了半集剧。打开界面倒是花里胡哨的，左边代码右边设计视图。结果拖拽个按钮布局直接崩了！生成的代码比我奶奶织的毛衣还臃肿，光看属性名就眼晕：data-role="tabs" data-inset="true" data-theme="a" ……得，纯新手用这个怕不是要被劝退。

五、结果出乎意料

晚上十点媳妇儿催睡觉，我猫在书房偷偷比划。默默切回VSCode。倒不是多完美，主要图它：

• 免费！免费！免费！（说三遍）
• 插件装五六个就够用，多了真卡
• Git管理顺手，改崩了能一键回滚
• 开着微信浏览器，代码存盘就能刷新看

中间还试了蓝湖切图，标你妹量尺寸，这俩跟VSCode配着用倒是挺香。

结尾插播狗血剧

正想保存收工，我媳妇儿突然破门而入：“孩子纸尿裤漏了！你在这捣鼓”吓得我直接按了Ctrl+Z撤销代码……得，刚调的布局全白瞎！灰溜溜关电脑去洗床单。现在半夜两点偷摸重写，突然懂了为什么程序员都秃头——工具省下来的时间全赔给生活事故了！