提示:本文根据b站尚硅谷Vue项目实战硅谷甄选,vue3项目+TypeScript前端项目一套通关课整理
文章目录
- 一、环境准备
- 二、初始化项目文件
- 2.2 设置启动项目时浏览器自动打开
- 三、项目配置
- 3.1 eslint配置
- 3.1.1 安装eslint
- 3.1.2 生成配置文件:.eslint.cjs
- 3.1.3 vue3环境代码校验插件
- 3.1.4 .eslintignore忽略文件
- 3.1.5 运行脚本
- 3.2 配置prettier
- 3.2.1 安装依赖包
- 3.2.2 .prettierrc.json添加规则
- 3.2.3 .prettierignore忽略文件
- 3.3 配置stylelint
- 3.3.1 .stylelintrc.cjs配置文件
- 3.3.2 .stylelintignore忽略文件
- 3.3.3 运行脚本
- 3.4 强制使用pnpm包管理器工具(可自行选择)
- 3.5 package.json统一配置代码
- 四、项目集成
- 4.1 集成element-plus
- 4.2 src别名的配置
- 4.3 环境变量的配置
- 4.4 集成sass/less
- 4.5 mock数据
- 4.6 安装axios
- 4.6.1 axios二次封装
- 五、代理
- 六、安装 router
- 七、pinia仓库store初始化
- 7.1 大仓库
- 7.2 用户相关的小仓库
- 7.3 入口文件注册
- 八、安装Echarts
- 九、进度条