ActionVue

screenshot of ActionVue
vite
vue
scss

轮子躁起来!:stuck_out_tongue_winking_eye: vue ui 组件库。<br/> 已经着手使用 Vue@3.0 改造,敬请期待。<br/> 看到 Star 很开心,蟹蟹:grin:

Overview

This component library, built on Vite and Vue 3.x, offers an efficient way to manage routing in your Vue applications. With seamless integration of both the Vue Router and TypeScript, it provides flexibility for developers looking to implement a structured and dynamic navigation system. The library’s layout is inspired by the official Vue.js website, making it familiar and intuitive for developers already accustomed to Vue's ecosystem.

Features

  • Router Integration: Easy creation of a history object and router instance, allowing for smooth navigation between views.
  • TypeScript Support: Fully compatible with TypeScript, enhancing type safety and developer experience.
  • Custom Navigation Layout: Features a Navbar with a logo on the left side and a menu for easy access to different sections.
  • Banner Section: Includes a visually appealing banner that features a descriptive text and a prominent call-to-action button.
  • Documentation Page Layout: Provides a tidy layout with a consistent navbar and a dual-content structure, including an aside and main content area for clarity and organizational ease.
  • Modular Component Design: Encourages reusable components for both navbar and content sections, streamlining development efforts.
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.