问个问题，因为我不是很了解这些，我直接创建项目写不行吗，看别人的代码都是说要有开发环境，生产环境，测试环境，预发布环境等等的。听说部署费时间。我想知道为啥需要这写环境的部署。是不是部署就是用web pack来弄。有什么好处吗。
当然是为了开发，测试，上线啦，目的是通过这些减少问题，降低损失
开发环境：就是在本地电脑上面编写前端代码，等到编写好了打包给测试环境部署
测试环境：将编写打包好的前端在测试环境进行测试，是不是有什么bug或者错误呀，兼容不兼容各种游览器，手机界面
测试环境的必要性：如果直接变成上线出了问题怎么办，拿回来再改？造成了别人的重大损失谁负责？难道存在编写完成就是十全十美的？一点问题没有？（等别人找到bug再拿回来，出问题找程序员负责，程序员有的是钱，各个几百亿可以忽略此环境部署）
预发布环境：测试没问题，然后就进行预上线，让个别人都可以访问到，进行相关使用，主要还是找bug,听取用户反馈，然后进一步做调整
上线发布环境：经过预发布后没有找到任何问题，就可以发布了，让所有人都可以使用
打个比方 你去泰国泡妞 你得会泰语 或者 人家得会中文 不然 鬼知道你们说的啥
开发环境大概就是需要让你的代码能让机器/电脑看的懂
代码环境平时用的比较多的就是开发环境和生产环境 通过process.env.NODE_ENV来判断
一般来说 开发环境中与后台的接口对接、接口地址前缀和生产环境不一定是一致的，其中可能会遇到跨域问题、nginx配置等都需要分开做调整
打包部署大部分是用webpack处理，还有什么grunt我没用过你可以去查一下，目的就是压缩代码，减少页面加载时间，页面显示速度更快，用户体验更好
就拿vue项目来说吧，比如设置axois的默认请求地址。就有开发时候用的地址和上线时候用的地址了。两个地址不相同，当然不会去手动改来改去的。写一个配置就好了，你在dev的情况下运行项目就会用你dev的地址，你在build的情况下运行项目就会用pro的地址。
开发环境是本地环境方便开发，在同一个网段可以连接开启服务的电脑。方便对接口。测试环境部署到服务上，只有你们可以访问，方便测试测试。
生产环境就是线上，给用户使用的。大概是这样，嘿嘿嘿
你想啊，你想加一个新功能，你首先在开发环境，开发，然后，部署到测试环境，测试，测试通过后在提交代码到，生产环境。总不能开发完不测试，直接上生产。