Vue安装过程的困惑解答——nodejs和vue关系、vue的项目结构

news2024/12/26 23:37:37

文章目录

- 一、为什么在使用vue前要下载nodejs？
- 二、为什么安装nodejs后就能使用NPM包管理工具？
- 三、为什么是V8引擎并且使用C++实现？
- 四、为什么会安装淘宝镜像？
- 五、什么是webpack模板，为什么需要他？
- 六、vue项目的目录解释
- 七、package.json和package-lock.json对依赖包的版本控制

本文知识来源于《Vue.js+Node.js全站开发实战》，书籍下载地址：https://zlibrary-east.se/book/18202286/fed194（2023.8.31更新）

一、为什么在使用vue前要下载nodejs？

相信大家都看过下面的Vue安装教程，首先第一步都是安装nodejs，那么为什么要下载nodejs？https://blog.csdn.net/m0_57545353/article/details/124366678

——因为Node.js是JavaScript的运行时环境

Node.js是一个基于Google Chrome V8引擎设计实现的、跨平台兼容的、可以运行在服务器端的脚本开发语言。

例如，大多数读者耳熟能详的Angular、React和Vue.js这三大渐进式前端开发框架，均与Node.js有着密不可分的关联关系。

这里解释一下服务端：一般的JavaScript脚本语言需要在浏览器环境下才可以解释执行。而Node.js是服务器端的脚本语言，可以直接在后端解释执行。

Node.js组织架构如下：
在这里插入图片描述

二、为什么安装nodejs后就能使用NPM包管理工具？

Node.js发展初期的核心用户Isaac Z. Schlueter开发出奠定了Node.js如今地位的
重要工具——NPM包管理工具。

之后Connect、Express、Socket.io等库的出现吸引了一大批
爱好者加入到Node.js开发者的阵营中来。CoffeeScript的出现更是让不少
Ruby和Python开发者找到了学习的理由。其间一大波以Node.js作为运行环
境的CLI工具涌现，其中不乏用于加速前端开发的优秀工具，如Babel、 Less、Sass、UglifyJS、Browserify、Grunt、Gulp等。

随着ECMAScript 6的发展和最终定稿，Node.js之父RyanDahl退出Node.js的核心开发，转而做其他的研究项目。Ryan Dahl的接任者Isaac Schlueter负责将Node.js一直开发下去并进行不断完善。

三、为什么是V8引擎并且使用C++实现？

选择C++和V8，而不是Ruby或者其他的虚拟机。Node.js在设计上以单进程、单线程模式运行。事件驱动机制是Node.js通过内部单线程高效率地维护事件循环队
列来实现的，没有多线程的资源占用和上下文切换。这意味着面对大规模的
HTTP请求，Node.js是凭借事件驱动来完成的。

例：
实时互动交互比较多的社交网站，像Twitter这样的公司，它必须接收tweets并将其写入数据库。实际上，每秒几乎有数千条tweet达到，数据库不可能及时处理高峰时段所需的写入数量。Node成为这个问题解决方案的重要一环。Node能处理数万条入站tweet。它能快速而又轻松地将它们写入一个内存排队机制（例如memcached），另一个单独进程可以从那里将它们写入数据库。Node能处理每个连接而不会阻塞通道，从而能够捕获尽可能多的tweets。

四、为什么会安装淘宝镜像？

国内的淘宝为Node.js搭建了国内的NPM（npmjs.org）镜像网站，可以用此代替官方版本，同步频率为每10分钟一次，以保证尽量与官方服务同步，方便国内的开发者下载各种开发包，这就是为什么需要配置Node.js淘宝镜像加速器

npm config set registry https://registry.npm.taobao.org

五、什么是webpack模板，为什么需要他？

Webpack模块打包器作为构建Node应用框架的工具以自动化方式构建Web前端应用，所谓“自动化”方式，其实就是通过一种或几种自动化工具来构建Web前端应用的开发框架，生成后的框架会包含大部分Web前端应用所需的基本类库、第三方插件和支撑配置文件，等等。可以说，这种全新的开发方式将Web前端应用开发提升到了一个全新的高度，并且符合将前后端分离开来进行独立设计的大趋势。

Web前端的自动化构建工具有很多种，其中著名的就是Webpack模块化打包器工具，其也是目前Web前端开发中流行的工具之一。Webpack的功能十分强大，设计了入口（entry）、输出（output）、加载器（loader）和插件（plugins这四个概念，以递归方式构建出一个应用程序主要资源的依赖关系图，并最终完成将JavaScript模块打包成一个或多个“包（bundle）”。