前端工程师难吗

前后方工程师之争，就如同文武官员之争。你说你很好，他却说他很强。其实谁也离不开它。前端负责界面的设计，后端负责数据的管理。只有当两者很好地结合起来，一个项目才能变得完整。先简单说一下前端分离的历史。

回顾Web发展的30年，技术栈大概经历了静态页面、js带来动态效果、动态脚本语言阶段、mvc阶段、前端分离阶段等几个阶段。

追踪前端技术堆栈独立性

从宏观上讲，前端技术栈的独立是前端工程实践的各种前端框架和支撑基础设施的必然产物，目的是提高前端工程的开发效率和管理能力。从个体的角度来说，前端技术框架的出现可以减轻复杂前端开发场景中的开发负担，让代码写起来更加美观舒适。所以无论从宏观角度还是从个体开发者角度，前端技术栈的动机都不是划分责任领域，它只是一个工具，只是一个处理视图层开发中各种痛点的工具。

前后工程师出现。

虽然没有划分责任领域的动力，但是前端技术栈的出现也推动了责任领域的划分，典型的表现为前端工程师和后端工程师的角色划分。在前端工程师的分工出现之前，一个Web开发人员默认是要做前端的，即使不是特别精通，至少有独立开发前端的能力。也就是说，至少在MVC时代，一个Web开发者至少应该具备独立的交付能力。在这里，独立交付能力的定义是:无论代码质量如何，至少能开发出一个有用的产品。

为什么前后是分开的？

客观来说，前端工程实践和后端工程这几年确实在深入发展。前端Vue、React、Angular等的框架。让很多专注前端的人有了幸福的烦恼:真的学不会；后端领域，以Java为例，Spring生态依然繁荣，各种迭代还在往前走。乍一看，好几个版本号都过去了。在微服务的口号下，好像一个不懂微服务的Java开发者都不好意思跟人打招呼，各种数据库也就你唱唱就好，我就上台了。mysql已经到了8。x，mongodb也在越来越多的工程实践中看到了。Redis也启动了一个多线程模型来实现它......作为一个开发人员，如果一个人要全部学会，精力确实有限，那么选择前端或者后端领域进行开发也是非常合理的。另外，前端和后端分离的开发也是市场上的主流。选择前端还是后端都无可厚非，只要是个人选择。

在分离前端和后端的理想实践中，前端和后端可以并行开发。前端不需要等到后端开发，可以根据约定的数据协议直接开发。双方都做完了，就可以直接运行软件了。同时，前端和后端都可以在自己的领域加深修养，深入学习和发展，提高个人能力。所以，前后端分离，无论对于个人还是公司，简直完美！

端到端争议

不经意间，我已经陷入了前后端分离后的甜蜜想象..........................................................................................................................................................

可见君前后端为了接口不一致而冲水？可见你调前后端车祸现场一般都很尴尬？你有没有再次看到考试，而网上的日期却一再推迟？甚至好不容易上了网，突然来了一个紧急bug的恐怖？翻车后发生了什么？双方都说不是自己的错，自己没有过错，但是挂了就挂了。这是唯一可以确定的。各种惨烈的前后对接侧翻场景，分分钟直接把你从前后端分离的美梦中惊醒。

但是，这并不意外，因为前端分离的好处本来就是基于理论的理想情况，不是基于实际场景的假设永远是假设，不能不接受现实的检验。现实情况是，责任领域被人为地划分为前端和后端，每个人都在扫自己门前的雪。与自己无关的事，根本不在乎。结果你不在乎我我也不在乎你。我只认得你的界面文档。本来是一个动态的开发过程，但是依赖于一个静态的开发文档。这种开发方法的前提是有问题的。没有功能分解，没有及时验证反馈，直到双方都完成了开发，才开始联调，才发现破镜重圆。

事情就是这样，我个人很欣赏简单的前端工程师，因为那些漂亮的界面是我目前还不能轻易实现的。今天，一个突如其来的问题坚定了我的想法。

Npm运行开发和npm运行服务

1.由错误引发的思考

创建的vue项目直接执行vue run dev并报错？Run vue运行发球开始...如下

npm运行devnpm错误！缺少脚本:devnpm错误！此运行的完整日志可以在以下位置找到:npm ERR！e: nodejs node _ cache _ logs 2018-12-12t 15 _ 06 _ 08 _ 674 z-debug . log

2、开发构建服务

其实npm run dev或者npm run serve等npm run xxx不一定要这么写。Nrunxxx是在package.json中配置的脚本，比如:

" scripts ":{ " serve ":" vue-CLI-service serve "，" build": "vue-cli-service build "，" lint": "vue-cli-service lint"}，

nprunxxx中的Xxx可以理解为key-value的key；对，但实际上run是package.json中脚本配置的值；

比如npm run serve实际运行的是Vue-CLI-Service Serve；

3.0之前运行的文件是节点build/dev-server.js文件；

这个时候，我们再来看看上面的问题。脚本中没有dev配置，控制台报错【缺少脚本:dev】；

3.摘要

Npm跑xxx，想跑也跑不了。只有在package.json脚本中配置了它，您才能运行它，因此不是所有项目都可以使用NPM运行开发/构建。

要理解这些命令做什么，您必须查看脚本以了解执行了什么代码。

这就像是一些命令的快捷方式，省去了每次输入长命令的麻烦。

通常，一个项目会有构建、开发、单元等。，所以这个名字至少应该基本上说出它是做什么的。

用一句诗来总结，“有专精于道者有序”！