vue.js不就是一个文件吗？安装vue.js 是什么意思？

[bandaoyu]

刚刚接触vue.js 第一节就蒙了，说要安装vue.js，我很奇怪，vue.js 不就是和jquery.js一样就是一个文件吗，直接html里面<script> 引用不就好了吗？



教程里的安装vue.js ，安装到哪里呢？



还有就是要安装node.js环境，我有点疑惑，为什么要装它，js脚本不是在浏览器运行吗，以前我接触juery的时候，调试的时候是用Hbuilder的，边写边用浏览器同步看效果。

这里为什么还要安装node.js呢？





总结：

1、教程里的安装vue.js ，这个vue.js是一个脚本文件吗？安装到哪里呢？

2、为什么要安装node.js环境？

[Hello World,]

不同开发模式，可以用html+js来开发，也可以用.vue文件+node.js环境来开发

[bandaoyu]

引用 1 楼 Hello World, 的回复:

不同开发模式，可以用html+js来开发，也可以用.vue文件+node.js环境来开发

能详细说说吗：）

[Hello World,]

官方网站上有啊。

照着示例做一下就知道了

[CS_草祭先生]

不知道你是学哪们后端技术的，但举个例子，就想java需要运行代码，就必须安装JDK一样。 java文件的后缀是.java，必须使用JDK编译后运行。 就跟vue的文件后缀是.vue一样，安装后才能运行代码。 就相当于飞机必须基于一个平台才能从静止到起飞。

[bandaoyu]

引用 4 楼 aw277866304 的回复:

不知道你是学哪们后端技术的，但举个例子，就想java需要运行代码，就必须安装JDK一样。 java文件的后缀是.java，必须使用JDK编译后运行。 就跟vue的文件后缀是.vue一样，安装后才能运行代码。 就相当于飞机必须基于一个平台才能从静止到起飞。

大哥，你说的不对吧。 js 的运行环境是浏览器呀

[bandaoyu]

把知乎的回答搬过来： 你既可以用<script>引入vue，这样是一个最小化的引入。也可以使用vue全家桶，叫做vue-cli，这是一套官方出的工具，描述一下就是vue+一套构建工具。安装也是指这玩意，这玩意需要nodejs。全家通和你用Hbuilder以及“边写边用浏览器同步看效果”并不冲突。至于这玩意有啥用，这一套给你提供了vue开发中许多问题的标准解决方案，包括不仅限于，0成本让你用上最新的语法进行开发，解决前后端分离的许多问题，立刻开始单页面应用开发，提供一个vue项目的文件结构组织形式等等

[bandaoyu]

把知乎的搬过来2： 作者：丁丁 链接：https://www.zhihu.com/question/375078655/answer/1042996204 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 现代前端的发展已经超乎了所有人的想象，曾几何时我们还在手撸HTML,CSS,JS，然而时过境迁，那样的时代几乎已经一去不返了。jQuery在前端全面进入编译化的时代里渐渐受到了冷落。而vue，这样一个本该全面拥抱新时代的新生儿，却在骨子里保留着那一份传统，以悲壮而孤傲的态度向世人（主要是Angular和React）宣布：只有我，还坚持着引入JS文件方式支持传统开发模式。现在大部分前端开发vue，不，开发所有前端产品，不再是手撸HTML了，他们会先安装node.js，用npm，用webpack，用yarn，用各种cli。调试时也不再是用浏览器打开静态html调试了，直接yarn serve后在本地就会形成http://localhost:xxx的标准网站结构，而且页面内容热重载，任何代码改动，页面都会自动更新。数据交互时也不再需要与后端工程师面对面交流，也不再需要学习任何一种后端语言，或者模板语言（类似于freemarker这类的），直接就是API文档沟通彼此了。产品发布时，也不再是各种js,css,img文件夹了，而是对各种js、vue、ts源代码进行编译打包，最后形成了一个dist文件夹，里面拥有打包混淆好鬼都没法理解的最终文件，直接扔进nginx中就能跑。以上，是大多数情况。对于另一部分以传统后端工程师为主的前端需求者来说，是不是觉得好复杂，技术栈又要扩充插槽了，脑插显然不太够用。于是，VUE的作者 @尤雨溪 同志，发誓要将vue打造成永远像jQuery一样好用的传统js库，即使是即将迎来的vue3.0时代，也同样如此。于是我们还可以一边用着vue，一边愉快地手撸HTML，愉快地用<script src="">的方式引入vue。如果你能力不弱，完全可以用传统JS的方式，配合VUE构造出一个同样模块化的前端产品出来，甚至可以用它构造出SEO友好的、多页应用的、支持不同语言SSR（服务器端渲染）的前端产品。这么一来，node.js，webpack什么的，见鬼去吧。（注意，这里我的言下之意是：使用node.js、webpack之流很难构建出SEO友好的、多页应用的、支持不同语言SSR的前端产品，因此技术选型确实需要慎重考量。）当然，精力富裕的话，webpack开发模式也建议学一下的，可以打开一个新的世界。

[bdview]

安装是构建环境安装依赖，就是把vue.js从npm上下载到node_modules里，这就是安装的含义

[study-007]

vue严格来说是一种js框架，引入方式有三种：一种就是将vue. js通过script标签引入，一种是cdn，另一种就是你所说的需要安装的脚手架npm，可快速搭建vue项目。

[luj_1768]

vue 是一个庞大的项目，里面融合了全世界对于框架编程和编程框架的理解。所以，现在每个人按照自己的理解，构造和使用着这个项目。这方面也确实存在着统一见解的需要，但是现在还做不到，因为技术还不够成熟。楼主所做的阐述其实是很重要的，希望能在vue 群里建立专门的开发组来交流大家在这方面的想法。

[bandaoyu]

该问题要关闭了，谢谢大家的回复，概要也转载到我的博客，如果大家还有什么想法要补充，欢迎到博客地址：https://blog.csdn.net/bandaoyu/article/details/104646815

[小哈ha]

你说的话有趣，鬼都无法理解，的确，开发时，项目还能理解，打包后，除了那个孤独的index.html和静态资源，剩下的js是个人都不想去理解

[小哈ha]

楼主的说法语气很像我的一个朋友，看到新事物，怀抱着的态度不是好奇、虚心学习，而是质疑，质疑多余，用自己所了解的层面去看待，当然容易出现这种疑惑，当你对新事物全面了解，或许会发现这种疑惑一样是多余的，任何事物必有它存在的意义

[bandaoyu]

引用 15 楼 小哈ha 的回复:

楼主的说法语气很像我的一个朋友，看到新事物，怀抱着的态度不是好奇、虚心学习，而是质疑，质疑多余，用自己所了解的层面去看待，当然容易出现这种疑惑，当你对新事物全面了解，或许会发现这种疑惑一样是多余的，任何事物必有它存在的意义

呃…… 我的态度就是 好奇，不是质疑。是来请教，是虚心学习。 可能我的表达方式有问题，你能提出来非常感谢，以后我会注意表述方式的的，谢谢你