各位公司的前端开发环境是什么样的？能给点建议吗？

[firhome]

先介绍下我们的：

使用Git，每次新项目 或 变更 拉分支修改和phper配合更改

因为网站架构的原因，我们前端做了一些结构脚本的变更，需要传到一个开发环境才能看到效果。

这样很痛苦。。可以使用一些代理工具 让本地目录和线上目录对应起来，这样也很麻烦。

本地也搭建不了环境，因为模板里有很多东西要调用后端代码输出

所以想问问大家的开发环境是怎样规划的？

[jinwyp]

本地把后端php 环境搭起来啊

[fanTasy]

为什么本地搭建不了环境。。。

[guchengf]

为什么本地搭建不了环境？

[learnshare]

首先，线上调试是错误的，本地必须要有完整的开发环境，甚至必须有类似线上环境的数据库数据。
第二，没有本地不能搭建的环境吧...

[jerray]

应该是本地搭建环境特别麻烦吧？

用过一种前后端分离的模式是后端只提供API接口。前端分两个部分：服务器部分（可以用php，也可以用node）调用后端的API然后把数据传给客户端，客户端部分负责界面显示和交互逻辑。

这样一来前段的服务器部分只要能调用API就可以，搭建环境就变得很简单了。

[angelsoul]

前后端分离还是不错滴，我们现在就是这样

[jsonline]

你不知道 Fiddler 么

[flynngao]

静态……

[jsonline]

如果你们的前后端语言是混在一起，就当我没说。

[allenm]

1， 把 js, css 想办法指向到本地 ( 改 hosts , 使用代理服务器 等方案都可以）
2， 后端环境不好在本地搭建的话，让后端把开发环境搭建在一个开发服务器上，然后本地 IDE 通过插件或者其他方式实现本地的代码和开发服务器同步（自动或者有快捷键），可通过 SCP, FTP 等方案来实现。
3， 如果开发的是移动应用，来试试我写的这个工具 xdns(https://github.com/allenm/xdns) 来实现第一步的目标。

[firhome]

@jinwyp
@fanTasy
@guchengf
@learnshare
@jerray
@angelsoul
@jsonline
@flynngao
@allenm

感谢各位的回复，我是新来公司，暂时还没搞清楚为什么不行。我再详细说一下吧。

我自己尝试着用fiddle指到本地，也尝试过修改hosts等等。。。但是终究还是不方便阿。。。

现在我看到的情况是这样。

我们和后端用同个git分支，新建项目他们会新建个html页面，里面有一些php的调用，如结构，css，js的引用（都是靠php得模块来引用）。

然后我们在这个html上面进行开发。基本上如果要看效果都要上传到开发环境来看。

等我们html结构写好以后，php就会在html代码里加php代码，比如循环输出列表阿，图片阿 内容等等。。。

所以导致我们要看效果必须在开发环境。

我也问过是否能搭建本地环境，他们回答貌似是挺难的。。。

[jsonline]

@firhome 你唯一的出路就是搭建本地环境了。 或者继续蛋疼地上传到服务器再看效果。
难在哪里？

[firhome]

@jsonline 这个等我确定下再跟大家讨论吧。。其实更想知道大家的流程是什么样的

[2688]

chrome /firefox 开发者工具，直接在页面上改js和css ，难道每次都大改？

[ganxiyun]

同意要搭建本地环境

个人一点想法，如果搭建本地环境特别麻烦，而在html中的php代码比较少，可以考虑：
1. 只搭建一个本地php环境
2. 所有有php代码的地方，都写一个mock的，只依赖于php库本身的。类似于写单元测试吧

[hustlzp]

可以尝试让后端使用vagrant+puppet搭建统一开发环境。

[jsonline]

@firhome 我这里的流程是后台只输出 JSON

[chemzqm]

建议就是前端负责路由，渲染，后端只给JSON数据，开发时前端mock数据，就是对前端代码组织要求高了点。

[bsbgong]

数据库操作全部rest，不管你用php还是Java还是其他
后端路由和一般的逻辑，express解决
前段你可以选择使用类似backbone的框架
调试非常方便
团队分为api team，design team，website team

[lenzhang]

看来真的很多人不用Fiddler的。你们一定过得很痛苦吧。