2024年1 创建VUE3 + VITE 项目_创建vue+vite新项目，只需一篇文章吃透前端多线程技术

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

创建 Vue 3 + Vite  项目

---

安装管理工具

安装 node

下载node 安装即可 node下载链接

安装 yarn

使用npm pnpm yarn 都可以，当下使用yarn，那么先安装yarn

npm i yarn

使用yarn过程中出现问题及解决方法

注意这里后期如果出现 一下问题

yarn : 无法加载文件 C:\Users\xxxx\AppData\Roaming\npm\yarn.ps1

你可以尝试以下解决方案来解决该问题：

1. 打开 PowerShell 作为管理员。在开始菜单中找到 PowerShell，并右键单击它，然后选择 “以管理员身份运行”。
2. 在管理员模式下，运行以下命令来修改 PowerShell 的执行策略：

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

3. 当系统提示你确认更改时，输入 Y 并按下回车键,一般直接运行即可。
4. 现在，尝试再次运行 yarn 命令，看看问题是否已解决

创建 Vue 3 + Vite  项目

要创建一个 Vue 3 + Vite 项目，你可以按照以下步骤进行操作：

1. 确保你已经安装了 Node.js。你可以在终端中运行以下命令来检查是否已安装 Node.js：

node -v

2. 安装 vite。在终端中运行以下命令来安装 任选一个均可：

yarn create vite

npm init vite@latest
pnpm create vite

3. 创建新的 Vue 3 项目。输入名称：

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】