首页 前端知识 vite vue3 ts 从0教你创建一个vue3项目 (pnpm)

vite vue3 ts 从0教你创建一个vue3项目 (pnpm)

2025-03-16 12:03:03 前端知识 前端哥 754 586 我要收藏

提示:本文根据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
  • 九、进度条
转载请注明出处或者链接地址:https://www.qianduange.cn//article/23843.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!