/vue3-template

vue3项目模板,一个全面的vue3环境搭建解决方案;集Vite、ESLint、TSLint、Prettier、StyleLint(Sass、Scss)、CommitLint、TailwindCSS、Axios请求封装、Pinia、VueRouter于一体

Primary LanguageTypeScriptMIT LicenseMIT

vue3-template

vue3 项目模板

  • 编程语言:TypeScript 4.x + JavaScript
  • 构建工具:Vite 2.x
  • 前端框架:Vue 3.x
  • 路由工具:Vue Router 4.x
  • 状态管理:Pinia
  • UI 框架:未定(自选)
  • CSS 预编译:Sass / Scss / Tailwindcss
  • HTTP 工具:Axios
  • Git Hook 工具:husky + lint-staged
  • 代码规范:Prettier + ESLint + TSLint + stylelint
  • 提交规范:Commitlint

已实现

  • vite
  • eslint
  • tslint
  • prettier
  • stylelint
  • commitlint
  • tailwindcss
  • scss/sass
  • env 环境变量
  • 打包 cdn
  • pinia
  • router
  • 打包分析
  • postcss
  • axios 请求封装

快速开始

获取项目

git clone https://github.com/mengxinssfd/vue3-template.git

安装依赖

使用npmcnpmyarnpnpm都行,推荐使用pnpm

pnpm i

启动项目

npm

npm run dev

pnpm

pnpm dev

项目打包

pnpm build