基于 vite 与 tailwindcss 创建大屏可视化项目（vue3，echarts5）

1. 基于 vite 创建项目 echartsDemo，如下：

npm create vite@latest

以下是选择的项：
√ Project name: … echartsDemo
√ Select a framework: » Vue
√ Select a variant: » JavaScript

```node
cd echartsDemo
cnpm i（安装依赖）
npm run dev（运行项目）
```

2. 导入 tailwindcss

tailwindcss官网地址 进入之后点击Get Started，进入点击Framework Guides ，进入点击vite ，进入点击Using Vue ，就可以看到使用vite导入tailwindcss的步骤了

补充点：

1. 停止运行 ctrl + c，接下来就可以跟着步骤导入 tailwindcss
2. 在Vscode中安装插件 Tailwind CSS IntelliSense，这样开发tailwind代码时会出现代码提示

3. 导入echarts 和 axios

cnpm i --save axios@1.4.0 echarts@5.4.2

在src下创建 utils 目录，新建 request.js，文件内容如下：

import axios from 'axios'

const service = axios.create({
   
   baseURL: '此处请填写你要访问的url'