今天一大早被窗外装修声吵醒，干脆爬起来折腾新项目。打开电脑盯着空白文件夹发愁——上次重装系统把老开发工具全搞没了，想着这回换个免费又省心的，省得钱包遭罪。

第一步：代码编辑器折腾记

先冲着老牌选手Sublime Text下手。装完啪嗒啪嗒敲几行HTML，字体小得差点把脸贴屏幕上。按住Ctrl狂敲加号才看清代码。突然想起得装插件，结果在密密麻麻的Package Control库里翻了半小时，装了个Emmet快捷键才活过来。这玩意儿轻快是真轻快，就是配置跟拼乐高似的。

转手试了VS Code。好家伙刚启动就弹扩展推荐，顺手点了个中文包，重启直接变简体界面。敲css时刚输"bgc"就蹦出完整代码提示，右手直接离开键盘。最邪门的是连数据库都能管，侧边栏点两下就接上本地MySQL表，省得再开Navicat占内存。

• Sublime Text：轻巧但得折腾插件库，免费版时不时弹购买提示
• VS Code：开箱能干活，扩展市场跟超市货架似的啥都有

第二步：跨浏览器测试踩坑

做前端最怕兼容性问题。想起之前用付费工具测试不同浏览器烧钱，这回直接搜免费方案。挖到个叫BrowserStack的在线工具，注册时看到付费计划心惊肉跳——结果免费套餐藏得跟彩蛋似的在页面最底下。

选了免费套餐登陆，居然真能同时开三个浏览器窗口。Edge开左边Safari开右边，中间塞个Firefox，三个页面同时显示我做的新按钮。刚得意三分钟发现手机端测试要钱，赶紧换了Responsive Design Mode顶上，缩着窗口尺寸假装手机屏。

第三步：修图救急现场

切设计图时PS突然崩溃，甲方催着要按钮图标。急得冒汗时翻出陈年安装包GIMP，打开psd文件慢得跟老牛拉车似的，但神奇的是图层全没乱。用钢笔工具勾完矢量路径，导出时发现选项多得眼晕，手抖选了gif结果尺寸爆表。折腾半天发现导出png时勾选"跳过图层"才把体积压下来。

第四步：代码片段搬运工

写jQuery时突然忘记ajax怎么写。原想翻旧项目复制，结果发现电脑里有个叫CodePen的网站快捷方式。登进去看到三年前存的代码片段居然还在，点击fork秒复制。顺手在发现页翻到别人写的瀑布流代码，直接把结构扒下来改了个颜色就用上，比百度省半小时。

忙活到下午三点总算把环境凑齐，整理工具清单时发现个规律：免费工具就像拼积木，单用可能缺胳膊少腿，但VS Code配GIMP再搭BrowserStack测试，CodePen当代码仓库，居然拼出完整工作流。看了眼信用卡账单——很本月又成功守住三位数存款。

对了，顺手把今天踩坑的调试配置写成备忘：

• 浏览器测试开隐身模式，避免缓存捣乱
• VS Code保存自动格式化快捷键：Alt+Shift+F
• GIMP导出png时压缩等级调到6最省空间

你说还有更好的免费工具？评论区等你来战！