1.框架的初识

框架是什么

框架是半成品的项目，完成了软件开发过程的通用或者一部分功能，程序员在其之上进行二次开发即可。

• 比如，我们写的第一个页面，实现了在页面上展示你好，世界，实现了最最简单的展示网页元素的功能。可说它是一个项目或者最好叫做网页。因为没有实现通用的功能，其实不能叫做项目或者框架。
• 它只是一个网页。但是项目或者框架也没有固定的明文规定或者标准，有时候增删改查的基本功能也未必完善，或者路由功能。
• 这里我们用一个网页来说明事情。但不是只显示一行文字在页面，因为那太不能说明问题，达不到我们的期待。

页面是浏览器来渲染出来的，在早期页面是由后端返回来的，那个时候还不分前后端。现在的页面或者说一个项目大多数都是由框架来完成的，如vue，react之类。

在了解框架之前，我们一步一步来搭建，其实最简单的方式是使用vue cli 去创建即可。我们先写一下使用vue cli 创建项目的步骤。

vue 框架之 cli 创建，创建之后开始阅读项目结构，开始学习之旅，难点在于不理解，难以或者消化需要时间。下面只给出创建步骤：

1. 打开命令行工具
2. vue create <项目文件夹名称>
3. 进入项目，运行即可

我们采用推导方式，其过程困难，但好处也大大有之。

最简单的一个网页是展示，
带上css，需要设置样式，
带上交互，需要JavaScript
在浏览器中运行的，就是html+css+JavaScript
vue或者其他框架打包之后的也是html+css+JavaScript

• 在vscode中创建html，css，JavaScript文件，分别将其引入html中。这样我们可以将其看作打包之后的项目，只是实现的功能极简而已。
• 打包之后的项目，才是我们最终交付客户的，源码是我们开发的代码，以及用来维护的代码。打包之后的，经过部署之后，也称之为生产环境。
• 打包的这个过程，就是将框架里面不能被浏览器识别或者运行的代码编译成为可以识别及可运行的html+css+JavaScript代码。
• 打包工具，webpack，vite

所以，我们本来不需要框架，写的html+css+JavaScript就是最后的生产环境的能被浏览器直接运行的代码。
因此，我们需要思考一下，框架存在的意义？

我们和机器之间还是有差别的，因此语言分为了高级语言和机器语言，如JavaScript和二进制
我们命令工具去帮我们完成任务
本来是要编写二进制的，现在是中间加了一个翻译员
有个思想是：借力打力，杠杆，中间人，总体来说是不直接操作，找个合适的人选去完成，靠别人成功
我们找到的中间人是框架，框架自带翻译
那框架是怎么来的，就至关重要
但有个好处，你随便说，或者是只要符合中间人的语法要求即可，中间人也是设计的，能够发挥足够大的想象力，最终便于翻译成html+css+JavaScript即可

项目：对于开发人员，常常说的是源码，源码运行起来，打包之后，就是生产包。
生产包：是在服务器部署，浏览器通过url获取服务器的静态资源。
源码：在程序员的电脑上。
运行源码也是需要编译，打包。支持局域网访问。支持访问，这就是一台服务器了。服务器之所时服务器，是有服务应用软件。
因此，源码，也就是框架的搭建，需要考虑这些。这些都是第三方包。

node中集成了js解析引擎，为了解析js的。以前js只能服务网页，也就是在浏览器中被执行，有了node之后，可以在node环境中运行，这样就开辟了js开发后端的能力。

补充：我们node当中，内置了很多模块，这个叫内置模块，或者内置包。举例，在安装了node环境的电脑上，读取文件。

第三方包：我们实现很多功能的时候，往往把这些功能代码封装到package，我们创建项目也是放到一个文件夹（包）中。在操作系统中，有一个子系统就是文件管理系统。那人们就开发了不计其数的第三方包，来构成我们之后所说的一切。

搭建框架的步骤可以参考：手动搭建vue2项目