cdtrsfecdtrsfe
7

Vue Preset

screenshot of Vue Preset
vue

一个用于生成自定义模板的 Vue CLI 4.x preset，支持 Vue3。

Github

Overview:

The vue-preset is a Vue CLI 4.x preset that is used to generate custom templates. It includes the necessary options, plugins, and custom template files for creating a project. The preset includes the following preconfigured plugins and configurations: Less, Axios, Router, Vuex, StyleLint, Eslint, and Babel. The template files are stored in the /generator/template directory and are automatically generated when creating a project.

Features:

  • Less: Supports Less as the CSS preprocessor.
  • Axios: Includes preconfigured Axios plugin for making HTTP requests.
  • Router: Preconfigured Router plugin for handling routing in the project.
  • Vuex: Integrated Vuex for state management.
  • StyleLint: Includes StyleLint plugin for CSS linting.
  • Eslint: Preconfigured Eslint for JavaScript linting.
  • Babel: Utilizes Babel with transformations to remove debuggers and console logs.

Summary:

The vue-preset is a customizable Vue CLI 4.x preset that simplifies project setup by providing preconfigured options, plugins, and templates. It includes support for Less, Axios, Router, Vuex, StyleLint, Eslint, and Babel. The preset offers an easy installation process and allows developers to choose the desired Vue version, project type, and UI component library. Overall, the vue-preset helps streamline development by providing a solid foundation for Vue 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.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.