创建新项目：npm create vite@latest my-vue-app -- --template vue
进去项目： cd my-vue-app npm install npm run dev
1、安装和配置 Vite 的 Vue 插件 npm install --save-dev @vitejs/plugin-vue
2、确保你新建的的 vite.config.js 里有这一段：
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()]
})
为什么 Vue CLI 不用这个插件？
因为 CLI 内部自动集成了 Vue loader，而 Vite 要手动装 @vitejs/plugin-vue，所以新建 Vite 项目，这步是必做的
3、安装 echarts 库 npm install echarts
4、在 vite.config.js 里配置别名（Vite 默认没有配置 @ 这个路径别名）
安装 path 模块：npm install path
编辑 vite.config.js，加上 alias：
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src')
}
}
})
5、引入Element Plus 组件库
新项目里先装 Element Plus：npm install element-plus
最后运行：npm run dev
