在公司、宿舍、实验室之间搭建分布式开发环境 — Author:90Arther

暑假实习期间，由于我晚上回到宿舍或者周末去实验楼可能都要继续工作，所以我搭建了一个宿舍、公司、实验楼的分布式开发环境。具体是怎样的呢？

分下面几个步骤：

1. 建立项目代码库。

   首先，我申请一个github帐号(https://github.com/)，并建立一个reponsitory。在公司、宿舍、实验室都安装github for windows，并clone repository到本地。

2. 安装XAMPP后台安装包。

   有很多后台可以选择，最终我选择PHP，因为一些简单的功能用PHP开发效率还是很高的，而且现在很多主流的服务器都是PHP，成本底。可以直接到官网下载xampp的安装包：http://www.apachefriends.org/zh_cn/xampp.html。

3. 编辑器。

   编辑也有多好非常好用的，像sublime、notepad++、dreamweaver、webstorm。我使用webstorm作为我的主要编辑器，因为很适合写JS，有各种提示，更棒的是，内置了各种VCS。包括git、CVS等。如果不小心删除了代码，都可以随时恢复。同时，我也用sublime，因为webstorm不适合写PHP文件。但是总结，适合自己的就是好的。

4. 劫持一个域名。

   因为整个网站链接都使用绝对路径，为了方便开发，所以我修改hosts文件（windows）， 将域名90arther.net映射到我的IP地址，例如，我在宿舍的子IP地址是192.168.1.100,那我就在hosts文件最后加上192.168.1.100 90arther.net

   另外，我使用apache做服务器，所以我修改C:\xampp\apache\conf\extra下的httpd-vhosts.conf，将配置修改如下：

   因为我的php使用的端口号是80,网站根目录路径是C:/xampp/htdocs/github/90arther/public。所以

               
               <VirtualHost 192.168.1.100:80>
               ##ServerAdmin postmaster@dummy-host.localhost
               DocumentRoot "C:/xampp/htdocs/github/90arther/public"
               90arther.net
               ##ServerAlias www.90arther.com
               ##ErrorLog "/90arther/error.log"
               ##CustomLog "/90arther/access.log" combined
               </VirtualHost>
               
           

   接下来，访问90arther.net，就直接访问到C:/xampp/htdocs/github/90arther/public下默认文件。

5. 动态域名解析器。

   购买域名已经有点贵了，再加上买虚拟主机，而且如果买VPS呢？作为开发者的我们必须要这么做么？当然不是，首先如果我们能将自己的电脑做服务器该多好，既能省去主机的费用，又能实现修改代码，开关网站。真的可以这样么?当然可以，花生壳已经出了6.5版本，而且还是比较稳定的。

   我们先到官网去下载花生壳客户端：http://www.oray.com/peanuthull

   然后申请一个护照，然后在客户端登录，我是登录后映射80端口的，网站目录也之前那个路径。C:/xampp/htdocs/github/90arther/public

总结：

现在，我工作的IDE就搭建完成了。