前端工程化的理解，概念和使用Vite创建项目

为了方便开发，我们会引进许多第三方工具库、框架，如果还是让我们一个一个去找这些工具库或者框架的源码并下载，然后手动放进我们的项目里面是一件效率特别低的事情，且你不能保证你下载的源码是可以直接跑起来的，因此，我们需要用一些构建工具来自动化完成这些工作，从而提高我们项目的开发效率。

规范化，自动化，优化开发流程和项目管理的方法

Vite官方中文文档

接下来就是使用vite创建自己的项目

1.先检查是否安装了node环境

 node  -v

2.在vite官网可以查到很多的创建方式 

使用npm

npm create vite@latest

使用 Yarn

 $ yarn create vite

 使用PNPM:

 $ pnpm create vite

 会出现以下提示，让你输入项目的名称

 接着提示你选择一个框架，选择Vanilla并回车，用vue则选择vue，再选择语言，这里选用JavaScript

到这里你已经通过vite创建了一个原生的前端项目，按照提示

 cd {你的项目名称}

npm install   //下载相关的依赖包

npm run dev  // 运行你的项目

 

 直接 `ctrl + 鼠标左键` 点击终端中的链接即可查看你的网页