今天聊聊这个。最近好多朋友问我,能不能在手机上写代码?特别是搞前端的朋友,出差或者躺床上突然有了灵感,想立马验证一下。这时候,html5手机编程软件就成了刚需。
说实话,以前我觉得这是扯淡。键盘都敲不利索,怎么编程?但后来我自己试了试,发现真香。当然,前提是你得选对工具。市面上那些吹得天花乱坠的,很多都是坑。
我用了大概半年,换了好几个App,最后留下了两个主力。一个是Acode,另一个是CodeSandbox的移动端适配版。
先说Acode。这玩意儿开源,免费,界面清爽。它支持语法高亮,这点很重要。你写HTML、CSS、JS,颜色分明,看着不累眼。我有一次在地铁上改一个响应式布局,用Acode调了几个CSS变量,直接预览,效果立竿见影。
但是,Acode也有短板。它的终端功能比较弱。如果你需要跑npm install,那基本没戏。它更像是一个编辑器,而不是一个完整的开发环境。
这时候,CodeSandbox就派上用场了。它本质上是基于浏览器的云端IDE。你在手机上打开,就能直接写代码,还能实时预览。最爽的是,它自带Node.js环境。这意味着你可以运行简单的后端逻辑,或者测试一些前端依赖。
我拿它做过一个小型的个人博客项目。虽然屏幕小,但通过手势缩放,代码结构看得很清楚。有一次,我调试一个Vue组件,发现数据绑定没生效。在手机上用CodeSandbox的调试面板,一步步看变量变化,居然也找到了bug。
不过,手机编程真的适合做大型项目吗?
我的结论是:不适合。
屏幕太小,视野受限。手指遮挡,误触率高。长时间打字,手腕容易酸。这些物理限制,是任何软件都解决不了的。
所以,html5手机编程软件的正确姿势是什么?
我觉得是“辅助”和“应急”。
比如,你在家里的电脑上写好了主体框架,出门在外,可以用手机快速修改一些文案、调整样式,或者修复一些紧急的小bug。这种场景下,手机编程的效率其实很高。
但如果你想从零开始搭建一个复杂的前端工程,还是老老实实坐回电脑前吧。
再说说坑。
很多所谓的“手机编程神器”,其实是把在线编辑器包装了一下。它们往往需要联网,而且服务器在国外,访问速度极慢。你敲一个字母,转圈半天,心态崩了。
还有,有些App强制订阅,解锁高级功能。这种千万别买。开源的、免费的、社区活跃度高的,才是王道。
另外,注意数据同步。
你在手机上改的代码,怎么同步到电脑?
Acode支持FTP/SFTP,你可以连到自己的服务器或者NAS。CodeSandbox则依赖Git。如果你不熟悉Git,那可能会很头疼。
我个人的做法是,手机和电脑都连同一个GitHub仓库。手机改完,提交推送。电脑拉取,继续开发。这样虽然有点繁琐,但胜在稳定。
最后,给想尝试的朋友几个建议。
第一,先装Acode,体验一下纯编辑器的感觉。
第二,如果需要用运行环境,再装CodeSandbox或者类似的云端IDE。
第三,别指望手机能替代电脑。它只是你的延伸,不是你的主力。
第四,保护好你的眼睛。手机屏幕小,蓝光强,别熬大夜写代码。
第五,多动手。光看教程没用,你得亲自敲。哪怕只是写个Hello World,也是进步。
总之,html5手机编程软件不是智商税,但也别神话它。用得好,它是利器;用不好,它是累赘。
希望这点经验,能帮你少走点弯路。毕竟,咱们做技术的,时间都挺宝贵的。
对了,最近发现Acode更新后,主题支持更好了。深色模式看着确实舒服。如果你还没试过,可以下载看看。
记住,工具只是工具,人才是核心。别被工具绑架了。
好了,就聊到这。我去写两行代码冷静一下。