vue3+vite搭建项目

创建项目

这次使用npm创建：

 npm init vite@latest

输入 npm init vite@latest 命令后，按照提示输入项目名称，框架，语言js/ts等，如图：

然后，按照按照流程执行
切换到项目目录 （cd…）
初始化项目/下载依赖 (npm i)
运行项目 （npm run dev）
项目就创建成功啦，但是此时你会发现，vite项目比起vue-cli创建的项目来说，携带的插件很少，创建时少了可选项操作。所以一些配置项还是需要自己来配置。

项目初始目录如下：

index.html 项目的入口；
package.json 管理项目依赖和配置的文件；
public 放置静态资源，比如 logo 等图片；
vite.config.js Vite 相关所有工程化的配置；
src 就是工作的重点，我们需要在 src 目录下细化项目规范。并且大部分的代码都在 src 目录下管理和书写。如：

1. 建立api文件夹，处理数据请求
2. 建立assets文件夹，存放静态资源
3. 建立components文件夹，存放封装的组件
4. 建立views文件夹，存放页面
5. 建立router文件夹，处理路由配置
6. 建立store文件夹，vuex数据；
7. 建立util文件夹，放置工具函数