vue node webpack这些到底是什么关系？

Question

前端小白一枚，现在开发一个公司的项目，使用的是vue构建工具的开发模式，然后在和后端调试接口的时候存在一些问题，公司用的服务器软件是apache，有一次后端的同事问我：你们开发还用到node吗？开发的时候用node上线怎么办？我一脸懵逼，我没有用node啊，难道是vue项目搭建的时候用到node？还是在webpack打包的时候用到node？如果是这样的话那么vue开发必须要依赖node吗？还有一个就是apache作用到底是干啥的，服务器软件？连接服务器获取数据的吗？以前传统项目没有用到vue，在输入域名打开项目之前要启动apache不然本地是打不开的，现在npm run dev启动的时候也需要先打开apache，所以apache只是为了连接服务器的吗？不连接服务器为啥vue本地开发的时候也打不开？希望有大佬能给小弟解释一下apache 本地服务器 node环境，如果你不是全部都懂可以帮忙回答一下你懂的部分，感激不尽！

Answer 1

据我了解。
1.vue的开发本身是不依赖node的，不过vue的脚手架工具vue-cli里面集成的webpack是基于node开发出来的。
因此只能说webpack是依赖node的。
2.apache是web服务器，用于起后台服务；npm run dev本质也是起一个服务，不过是利用node起的服务，起的是前端项目的服务；两者没有联系。(你可以使用npm run命令来运行package.json文件中scripts里的任何条目)
3.传统项目只需要起后台服务即可（可顺利调用后台API），现在的前端项目大多通过webpack管理，webpack又是基于node，node是一个运行在服务器端的js环境，浏览器本身不支持的scss、es6/es7语法、typescript等都可在node这通过工具包npm去解决.因此前端项目起的node服务一般是为了解决这些问题。
以上。个人看法，有误差。

Answer 2

哈哈，想想当初自己也有这样的困惑啊。。。

• 首先，写前端，看着这一坨不要慌，从简单入手

• 其次，用到，不等于要去写相关的代码，可能只是利用一下别人写好的工具，做好的配置

  • 其中，node，webpack，apache就是这种情况，我们不需要去会写node代码，也不需要懂node语法，只要会用这些工具就可以
  • vue是一种js库，需要转译为js才可以在浏览器运行，类似的还有angular，react等
  • webpack是用来打包和转译vue的，webpack是使用node开发，运行在node环境中的一个工具，有现成的配置方案，我们一般不需要自定义调整
  • 具体说来，apache这里一般指tomcat是web容器，放你写好的页面，发布一个url给别人访问。开发时候webpack自带了dev-server插件，和tomcat一样
• 最后，你主要需要学习的是vue怎么写，使用vue-cli跑一个demo，练练手。vue入门学习很简单，中文文档和教程非常多

满意请采纳