README_EN.md

vue3-basic

中文 | English

Vue3 projects example.

Preview

TodoList

Overall Framework

• Configure basic framework: vite+vue3+typescript
• Use pnpm as package manager to install dependencies
• Configure CSS preprocessor: sass
• Configure UI component: element-ui
• Configure routes: vue-router
• Configure state management: pinia
• Configure network interaction: axios
• Configure mock: vite-mock-plugin + axios adapter
• Configure code style check: prettier
• Configure CSS/SCSS check: stylelint
• Configure JS/TS check: eslint
• Configure git action: husky
• Configure lint-staged
• Configure path alias
• Configure global components
• Configure navigation bar
• TSX support
• i18n support
• multi theme support

Feature List

• axios encapsulation
  • axios instance and default setting
  • file download
  • centralized management of error code
  • axios prod mock adapter
• Login
  • verify code
• Home page
  • visual chart: echart
• Component
  • element-plus
    • form component encapsulation
      • default value encapsulation
    • table encapsulation
      • props parser
  • countjs: number animation
• Functional
  • theme switch
  • file download
  • marked: markdown rendering
    • hightlightjs: provide syntax highlighting support
    • KaTex: provide support for LaTeX syntax
  • CodeMirror: online code editor, can also provide code highlighting for marked
  • pdf.js: PDF preview
  • wangeditor: rich text editor
  • dplayer: danmaku video
  • watermark
  • amap-js: AMap
  • tencent map service
  • threejs: Digital Twin/3D animation
• Exception Page
  • 403
  • 404
  • 500
• Toys
  • Game
    • Don't Tap The White Tile
    • control the 3D toy car
    • Minecraft
  • Backend Service
    • socket.io: WebSocket real-time communication
    • GraphQL: Merge requests to reduce network IO
    • webRTC: Real-time Voice/Video Call
    • Synchronous video
      • Debounce, deferred execution of video synchronization
      • Danmaku chat (support for emoji)
    • Live broadcast room
      • Comment section
      • Danmaku chat (support for emoji)
    • File upload service
      • Large file slicing
      • Breakpoint continuation
      • md5 acceleration
    • vits: text to speech
    • StableDiffusion: text generates images
    • Real-ESRGAN: Image/Video Super-Resolution
• System Management
  • Role Permission
  • User Management
  • About