Skip to content

Latest commit

 

History

History
94 lines (86 loc) · 2.71 KB

File metadata and controls

94 lines (86 loc) · 2.71 KB

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