vue项目里面用nodejs(nodejs在vue开发中的作用)

一、vue项目里面用nodejs(nodejs在vue开发中的作用)

vue为什么需要nodejs的环境

一、JavaScript

传统的JavaScript是运行在浏览器上的，因为浏览器的内核分为两个部分

Node.js是一个基于ChromeV8引擎的JavaScript运行环境，运行在服务端的JavaScript。Node.js使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效。

综上所述，vue.js是通过webpack来打包，而webpack又基于npm,npm需要nodejs环境。这就是为什么vue.js还需要安装nodejs环境。

将目标dist文件夹拷贝到一台未安装nodejs的nginx服务器上，访问页面可以正常响应逻辑。这时跟nodejs没有任何关系，服务器又不是nodejs在担当，而是nginx。如果你用nodejs来部署服务器，则需要在目标机上安装nodejs.

简单的说：你既可以开发nodejs的服务程序，亦可以用基于nodejs的npmwebpack来打包目标前端页面。vue.js使用webpack来打包，故而需要nodejs环境。

node.js的v16.15.0版本支持vue项目吗？

支持，node.js的版本不会影响到vue项目的运行。Vue项目的运行依赖于Vue.js框架和相关的插件，而不是node.js的版本。所以可以使用node.js的v16.15.0版本来运行Vue项目。

支持，node.js的版本不会影响到vue项目的运行。Vue项目的运行依赖于Vue.js框架和相关的插件，而不是node.js的版本。所以可以使用node.js的v16.15.0版本来运行Vue项目。

1.如果你仅仅是打包好的vue相机，那么要看服务端使用的是什么语言，如果是node的话，肯定要安装node环境的，但是如果不是node，那么就没有必要了。

2.如果你想在服务端跑vue的项目，也就是在远程端做开发工作，那么肯定是要安装node的，毕竟vue开发环境需要node。

基本上服务端也就这两种需求，node包其实很小，安装一个也不费事，还可以方便开发，我觉得在远程端按一个最好。

看了下网上的解释，一般都是将介绍vue.js的文本与nodejs的文本贴过来，再解释说前者是前端开发框架，后者是js的运行环境，可以以js开发后台服务器。似乎没有说到点子上。

1.nodejs是一个很强大的js运行环境，类似于jvm之于java。因此对js的支持非常好，催生了基于js的一系列应用开发。源于各js的应用的成长壮大，继而催生出了npm

2.NPM是基于nodejs环境的一个包管理器。试问为什么单纯的jsp/php里面没有NPM？因为没有一个类似于nodejs的强大的js运行环境的支撑。由于nodejs催生了js的兴盛，又进而催生出NPM来打包管理这些基于js的应用

3.随着前端开发的网页元素不断丰富和复杂化，催生出webpack来进一步规划js应用的打包部署。前端目标页面资源，通过webpack来打包压缩出来。

4.可以看出vue.js就是遵循的webpack的方式来部署的，我们使用npmrunbuild之后，会生成一个目标dist文件。这即是目标静态web资源，放在nginx下面即可通过网页访问。

综上所述，vue.js是通过webpack来打包，而webpack又基于npm,npm需要nodejs环境。这就是为什么vue.js还需要安装nodejs环境。

将目标dist文件夹拷贝到一台未安装nodejs的nginx服务器上，访问页面可以正常响应逻辑。这时跟nodejs没有任何关系，服务器又不是nodejs在担当，而是nginx。如果你用nodejs来部署服务器，则需要在目标机上安装nodejs.

简单的说：你既可以开发nodejs的服务程序，亦可以用基于nodejs的npmwebpack来打包目标前端页面。vue.js使用webpack来打包，故而需要nodejs环境。

二、vuejs在前端开发起到什么作用

jQuery的诸多局限性导致前端工程师的发展受到了很多的限制，只能做一些表面性的工作，并不能实现前后端分离开发。

而近期出现的Vue，它给前端带来了无限的可能和改变。

改变一：真正意义上的前端工程师

之前开发都是前端做静态页面，把页面给到后台程序员改成jsp、php、asp等等...一顿乱改，一顿塞变量，做完以后页面样式乱七八糟，最后你再调整css。说白了你会html，css就行了，基本没什么门槛，可以这么说。

有了Vue和Node的前端工程化以后，前端工程师能做的事情越来越多，后台人员只需要抛过来一个Api，剩下的就可以都交给前端了。

改变二：服务端渲染VS客户端渲染

传统的jsp、php或是模板渲染也好，都是服务端渲染，就是客户端一个请求，服务器直接把整个页面返回给你，简单粗暴。（Spring Boot是通过模板引擎，由服务端完成的渲染工作）

但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。

不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。

jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。

因为前端代码和后台代码都是分开的，所以项目更容易维护，开发效率更高。

改变四：项目工程化，结合npm直接安装第三方库

Vue让前端项目更加工程化，同时也规范了前端工程师的代码，而node和npm的加入才是vue能蓬勃发展的重要原因。

Node为Vue提供了本地server和模块化开发的思路，npm更能安装Vue项目需要的模块，配合Vue使用，比如Moment.js Element ui vuex等等，这些第三方库让Vue有了无限的可能。

敲黑板（补充下）：传统开发jQuery是命令式编程，现代框架开发是函数式编程。现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack），可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。极大提高了开发的效率，并且可以使用最新的ES6、ES7语法进行开发，在编码体验上，就提高了一个档次。

知其然，知其所以然，没有最好的框架，只有最合适的框架！

三、前端用nodejs能做什么

1、Node.js是一个JavaScript的编译环境，当前端语言JavaScript在写完之后可以交给Node.js进行编译和解释，它的存在对于JavaScript有了质的飞跃。

2、目前，Node.js在大部分领域都占有一席之地，尤其是I/O密集型的。

3、比如Web开发，微服务，前端构建等。不少大型网站都是使用 Node.js作为后台开发语言的，用的最多的就是使用Node.js做前端渲染和架构优化，比如淘宝双十一、去哪儿网的 PC端核心业务等。另外，有不少知名的前端库也是使用 Node.js开发的，如Webpack是一个强大的打包器，React/Vue是成熟的前端组件化框架。

4、Node.js通常被用来开发低延迟的网络应用，也就是那些需要在服务器端环境和前端实时收集和交换数据的应用（API、即时聊天、微服务）。阿里巴巴、腾讯、Qunar、百度、PayPal、道琼斯、沃尔玛和 LinkedIn都采用了 Node.js框架搭建应用。

5、另外， Node.js编写的包管理器npm已成为开源包管理了领域最好的生态，直接到2017年10月份，有模块超过47万，每周下载量超过32亿次，每个月有超过700万开发者使用npm。

6、Node.js是一个对于前端工作者不可或缺的工具。尤其是对于JavaScript有着巨大的提升，现阶段Node.js的应用已经有了非常蓬勃的发展。对于Node.js的学习和熟练运用，必不可少！