Vue node webpack, what on earth are these relationships?

A rookie at the front end is now developing a company project, using the development mode of the vue build tool, and then there are some problems when debugging the interface with the back end. The server software used by the company is apache,. Once a colleague in the back end asked me, "do you still use node for development?" What if I go online with node during development? I look confused. I didn"t use node. Did I use node? when I built the vue project? Or do you use node? when webpack is packing? If so, does vue development have to rely on node? Another is what exactly is the role of apache, server software? Do you connect to the server to get the data? In the past, traditional projects did not use vue, to start apache before entering the domain name to open the project, otherwise it would not be possible to open it locally. Now, when npm run dev starts, you also need to open apache, first, so is apache just to connect to the server? Do not connect to the server why vue local development can not be opened? I hope some boss can explain the apache local server node environment to the younger brother. If you don"t know all of them, you can help answer what you know. Thank you very much!

Vue.js node.js webpack
Mar.03,2021

, I think I had this kind of confusion at the beginning.

  • first of all, write the front end, look at this tuo, don't panic, start with simplicity

  • secondly, if you use it, it doesn't mean you have to write the relevant code. You may just use the tools written by others to make a good configuration

    .
    • this is the case with node,webpack,apache. We don't need to know how to write node code or understand node syntax, as long as we know how to use these tools
    • vue is a js library that needs to be translated into js before it can be run in a browser. Similarly, there are
      • such as angular,react.
    • webpack is used to package and translate vue. Webpack is a tool developed using node and running in the node environment. There is a ready-made configuration scheme, and we generally do not need custom adjustments
      • .
    • specifically, apache here generally means that tomcat is a web container, which puts the page you have written and publishes a url for others to visit. When developing, webpack comes with the dev-server plug-in, which is the same as tomcat
  • finally, the main thing you need to learn is how to write vue, using vue-cli to run a demo, to practice. Getting started with vue is easy, and there are many Chinese documents and tutorials

Please adopt

if you are satisfied.

as far as I know. The development of
1.vue itself is not dependent on node, but the integrated webpack in vue's scaffolding tool vue-cli is based on node.
so we can only say that webpack is dependent on node.
2.apache is a web server, which is used to start the backend service; npm run dev is also a service in nature, but it uses the node service and the front-end project service; there is no connection between the two. (you can use the npm run command to run any entry in scripts in the package.json file)
3. Traditional projects only need background service (can smoothly call background API),. Now most front-end projects are managed by webpack, and webpack is based on node,node, which is a js environment running on the server. Scss, es6/es7 syntax, typescript and so on, which are not supported by the browser itself, can be solved in node through the toolkit npm. Therefore, the node service from the front-end project is generally designed to solve these problems.
above. In my personal opinion, there is an error.

Previous: I want to use some of the constants defined in state to assign default values to the drop-down box and v-model this variable in the data of the component, what should I do?

Next: How does the H5 tag video play multiple videos on a mobile browser at the same time?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b31a76-40df2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b31a76-40df2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?