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

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

总结：

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

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

  1. 是一个脚本文件，也可以安装。安装到计算机项目里 node_modules 文件夹下
  2. 因为项目做工程化开发的时候需要引入别人写好的库，最后会打包成一个输出的文件。当然你完全可以在 浏览器 中通过 script 标签引入。但是一个项目往往会有几百个依赖，如果全部用手动管理将会是一个噩梦

建议了解一下 webpack，学习一下前端构建的概念和过程。

然后可以再看一下 @尤雨溪 大神的这篇文章

尤雨溪：新手向：Vue 2.0 的建议学习顺序?

zhuanlan.zhihu.com图标

并去 Vue-CLI 的官方网站 https://cli.vuejs.org/zh/ 学习一下，不一定要完全理解所有内容，不过一定要先全局安装 Vue cli，并按这篇文档 https://cli.vuejs.org/zh/guide/creating-a-project.html 创建并运行一个小项目，创建完项目之后浏览一下项目的目录和文件结构。

最后，王婆卖瓜，推一下我写的三篇文章

Mario：学习 Vue 你需要知道的 webpack 知识（一）?

zhuanlan.zhihu.com图标Mario：学习 Vue 你需要知道的 webpack 知识（二）?

zhuanlan.zhihu.com图标Mario：学习 Vue 你需要知道的 webpack 知识（三）?

zhuanlan.zhihu.com图标

语境里的vue.js不是一个文件，是一套包含脚手架在内的工具链。

你说的script标签引入是古代的开发方式，现代有点规模的框架都有自己的一整套工具链。 https://www.npmjs.com/search?q=%40vue

你既可以用&

也可以使用vue全家桶，叫做vue-cli，这是一套官方出的工具，描述一下就是vue+一套构建工具。安装也是指这玩意，这玩意需要nodejs。

全家通和你用Hbuilder以及「边写边用浏览器同步看效果」并不冲突。至于这玩意有啥用，这一套给你提供了vue开发中许多问题的标准解决方案，包括不仅限于，0成本让你用上最新的语法进行开发，解决前后端分离的许多问题，立刻开始单页面应用开发，提供一个vue项目的文件结构组织形式等等

前端对执行环境的要求很低，这样对普及有很大好处。但是对开发人员来说，失去了环境的保护，就要手动做很多事情。

jquery 时期，引用 jquery 不是问题，但是你试过引用一个第三方插件么？手动管理图片、css、js，部署到伺服器时也要一步一步确认，稍不留神就会出问题。

如今整个开发环境都基于前端工具链重构了，自动化脚本和配置取代了之前人工「开发 =&> 生产「。代价就是大家都必须学很多东西，node.js、webpack 就是其中重点。

推荐阅读：
相关文章