前端轻松开发指南

  • 来源:
  • 更新日期:2018-05-04

摘要:相信大家最初做页面的时候,都是拼命的按着shirt,而且玩命的在编辑器和浏览器之间切换,再玩命的F5,说实话真的挺傻的。在此我来分享一下我工作方式,相信能让大家工作的轻松点。 首先,用点钱买了一个显示器(dell 2312hm ,这货能竖着看!),直接用笔记本接了一个双屏。你要是舍不得买,把浏览器和编辑环境两边放也可以,但我感觉有点太挤了,大多数的时候还要看浏览器控制台的输出结果,那就更加的挤了。

相信大家最初做页面的时候,都是拼命的按着shirt,而且玩命的在编辑器和浏览器之间切换,再玩命的F5,说实话真的挺傻的。在此我来分享一下我工作方式,相信能让大家工作的轻松点。

002UASMrzy7605pjKJv15&690.jpg

首先,用点钱买了一个显示器(dell 2312hm ,这货能竖着看!),直接用笔记本接了一个双屏。你要是舍不得买,把浏览器和编辑环境两边放也可以,但我感觉有点太挤了,大多数的时候还要看浏览器控制台的输出结果,那就更加的挤了。

开发方式因人而异,有的人喜欢用IDE,有的人像我一样喜欢文本编辑器,前者功能强大,后者灵活小巧。所以选好一个工作环境我感觉还是相当重要的。我用的是sublime text2,其实我主要是觉得这个好看(笑),当然他的插件也是相当的丰富的,怎么安装插件可以看这里。

我是在ST2上装了一个叫emmet插件,原名叫zencoding。你点开链接,看看官方实例就知道这是什么东西了,这个插件不单单是这个编辑器上有,好像有点名的编辑器和IDE都有相应的插件。这个东西极力推荐。

然后就是安装一个SFTP插件,就是一个简单的FTP插件,能将写好的文件方便的上传。而且他有一个非常方便的设置,就是当我把文件进行了保存的时候,就会自动的进行上传。

好了,现在我们需要一个FTP空间来作为我们的测试空间,其实在淘宝上买一个虚拟主机就可以了,一个月也就3块来钱(200M空间,不限流量,图片音频啥的全外链)。

最后,让我们来配置浏览器。我喜欢chrome,所以就只管他了。也是安装一个插件live reload,这个插件的功能就是监视服务器上文件的修改时间,如果和当前的不一致,那么就会进行刷新,而且支持位置保存,就是说会保存你的滚动条的位置,刷新了以后会自动滚动。记得火狐上好像也有这个插件,IE你就不要想了。

到这,大家可能能大致的估摸出来我要做什么了。其实就是将文件自动的上传到服务器,然后让浏览器检测到文件的变化,自动的进行刷新。全自动,除了ctrl+s是手动的(这个其实也是可以设为自动的)。

好处:省键盘。操作少。真实,有没有过这样的经历?在本地上好好的东西在部署到服务器上后就崩了,在本地怎么调都做不到的东西,在服务器上就快乐的跑着。就我个人来说,任何模拟都是不靠谱的,放到真实环境里才是真的。

缺点:显示器是是笔投资,有人说你装*(谁用谁知道,反正爽的是自己)。耗电?没测过。

大家也可以分享下自己的开发方法(前端的),喷子就不要来了。