vue项目的创建过程（之前环境搭好忘记怎么创建了）

创建vue+vite+ts项目

以下是技术栈的 表格化总结，包含类别、依赖项、安装命令及简要说明：

类别	依赖项	安装命令	说明
前端框架	Vue3	npm install vue@3	Vue.js 的最新版本（Vue3）
前端框架	Vite	npm install vite	基于 ES 模块的下一代前端构建工具
前端框架	TypeScript	npm install typescript	静态类型检查的 JavaScript 超集
状态管理	Pinia	npm install pinia	Vue3 推荐的状态管理库（替代 Vuex）
路由	Vue Router	npm install vue-router@4	Vue3 的官方路由库（版本需与 Vue3 兼容）
组件库	Element Plus	npm install element-plus	基于 Vue3 的企业级组件库
CSS 工具	Tailwind CSS	npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p	基于 Utility-First 的 CSS 框架（需初始化配置）
CSS 工具	UnoCSS	npm install -D unocss	即时生成的原子化 CSS 引擎（轻量级替代 Tailwind）
实用库	VueUse	npm install @vueuse/core	基于 Composition API 的实用函数集合
实用库	Lodash	npm install lodash-es npm install -D @types/lodash-es	JavaScript 实用工具库（ES 模块化版本 + 类型定义）
实用库	Mitt	npm install mitt	简单的事件总线库（替代 Vue2 的 EventBus）
网络请求	Axios	npm install axios	基于 Promise 的 HTTP 客户端
可视化图表	ECharts	npm install echarts	基于 JavaScript 的开源可视化图表库
构建工具	pnpm	npm install -g pnpm	高性能的包管理工具（可选，替代 npm/yarn）
代码规范	ESLint	npm install -D eslint	代码质量检测工具
代码规范	Prettier	npm install -D prettier	代码格式化工具
代码规范	Stylelint	npm install -D stylelint	CSS/SCSS/Less代码规范工具
类型定义	@types/lodash-es	npm install -D @types/lodash-es	Lodash 的 TypeScript 类型定义
类型定义	@types/nprogress	npm install -D @types/nprogress	NProgress 的 TypeScript 类型定义（用于进度条库）

---

前端框架： Vue 3+TS 路由管理： Vue Router 4 状态管理： Pinia 组件库： Element Plus CSS 框架： Tailwind CSS 实用工具库： VueUse 网络请求库： Axios

用上面的方法创建的前端环境起不来

原因：这说明项目依赖还没有安装。现在我们需要执行npm install来安装所有依赖。

解决方法：npm install