Vue 3 + TypeScript + Vite + eslint + prettier +commitlint + styleLint + standard + husky + lint-staged

该项目为 前端快递开发模版 做了各类语法检查、以及在主分支的推送和 pr 时，对进行 ci 检测(是否项目能正常 build、 以及 eslint 是否通过)

下载安装

使用 fork 或者 使用degit

npx degit https://github.com/CsscOcean/fast-start-vite/tree/main my-project

cd my-project

git init

pnpm install

pnpm run dev

使用

自动生成 swagger 前端接口

1. 将 package.json http://36.137.184.33:18080/zhhfApi/v2/api-docs 替换成项目 swagger 地址
2. pnpm run gen-api

组件

• 页面组件库 element-plus
• Icon 组件库 iconpark

svg 使用

1. 下载 svg 到指定项目目录
2. 使用 svg

<template>测试<BreadcrumbIcon /></template>

<script setup lang="ts">
import BreadcrumbIcon from './imgs/bread-crumb.svg';
</script>

<style>
// svg 和文字对齐，可以通过
svg {
  vertical-align: -3px;
}
</style>