首先Node.js服务器里面是一个用C++写的JavaScript V8引擎，内部使用一种全新的编译技术。这意味着开发者编写的高端的 JavaScript 脚本代码与开发者编写的低端的 C语言具有非常相近的执行效率，这也是 Node.js 服务器可以提供的一个重要特性。
然后了解什么是npm， npm就是Isaac Z. Schlueter 用 JavaScript （运行在 Node.js 上）写的 ，全称是 Node Package Manager，使用npm命令可以对前端项目进行包管理（分享、下载等）。
package.json 定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、
版本、许可证等元数据)有点像maven中的配置依赖的文件，通过npm来下载包（npm install）的信息就都写在package.json文件里，你可以通过指令（npm init -yes）在项目主目录下强行生成package.json文件，也可以在添加一个依赖的时候把依赖的包（模块）信息写到package.json文件中（npm install 模块 –save或者npm install 模块 --save-dev）
接下来了解Vue基本概念：Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计，目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用，该命令行工具可以使用npm命令对前端项目进行包管理（分享、下载等），同时命令行安装了vue脚手架（npm install vue-cli -g）之后就有了脚手架功能，就相当于一个脚手架，就可以使用vue 指令创建webpack管理的项目，并且脚手架的更新可以创建带有更多方案的前端项目空壳，仅此而已。
接下来了解vue脚手架基本概念以及webpack：
我们不妨看看类似的一些成熟方案，比如Eclipse。这个大名鼎鼎的IDE软件被很多Java和Android开发者使用。通过Eclipse创建一个新项目时，它提供了丰富的配置项，这些配置项可以归纳简化为以下流程：选择项目类型 -> 选择项目目录 -> 配置项目细节 -> 最终确认 -> 完成。这是脚手架最基本也是必须具备的流程。从这个流程中可以总结出脚手架的本质：方案的封装。
脚手架作用是创建项目的初始文件，本质是方案的封装，vue脚手架作用是创建项目的初始文件，本质是方案的封装，下载你所选择的方案的项目初始文件，所以视频里的大哥说的让人误解，以为命令行创建的项目本身就是一个脚手架项目，其实他和脚手架半毛关系没有，就是脚手架创建的一个前端初始项目，我当初误以为创建的前端项目是一个脚手架，没接触过前端项目的同学不要被“脚手架项目”五个字概念混淆。
接下来说说webpack：现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。这些开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的，为了简化开发的复杂度，使用Webpack工具，所以WebPack可以看做是模块打包机。作用就是打包模块给浏览器使用。Webpack如何使用请参阅https://webpack.docschina.org/concepts/
网友评论